Creating your own image sliders within Xara

[siran]

Maybe this example is what you have in mind. Just something recycled from another thread, so please excuse the text only supersite.
Please also note that this example won't work when started directly from hard disk in anything but FireFox. But it works when published or when both files are exported to the same directory and then the main site is viewed in preview.
It works almost the same as the above example by egg, but all the code is at the main site.
The placeholder body code contains an iframe with an ID, this ID needs to be updated in the button codes and in the website head code section if changed.
Don't hesitate to ask if something needs explanation.

[Egg Bramhill]

Works a treat Siran, thanks

[garycwood84]

Many thanks for this, Siran. Really helpful.

Is there any way I can make this responsive? If I build variants into the slider Xara file, will they work depending on the size of the iFrame inserted into the parent site on which it appears?

[garycwood84]

Actually, I've just tested this and answered my own question: it's not responsive. If I add variants to the main-with-auto file, I can set the size of the iFrame to be narrower in different variants. But the content it contains doesn't change with, even if I add variants to it that match the iFrame sizes I've used. Is there any way I can get around this, Siran?

[siran]

As the slider document is created as a supersite it is easy to have it auto stretching (see "Scale To Fit Screen" in the Web export options). Just checked it.
Unfortunately there seems to be a bug in firefox (even in older versions) that requires to add a small fix (see code at the website head in the textslides_4 document).
Additionally the sample code in the website head of the main-with-auto-2 document has changed to allow timer values to be entered in seconds including fractional digits.

Not sure if that is what you asked for. If not, please explain in a little more detail.

[garycwood84]

Thanks for this, Siran. It works well, but there's one snag: it resizes proportionally, so as the width gets narrower, so too does the height. To see why that's an issue, let me tell you how I'm using this in my site.

I want the slider to be the full width of my page. So, at my biggest page variant, that's 1200, and then I have 940, 700, 480 and 320. If the slider scales proportionally, by the time it gets down to the 320 variant, the text is so small, you can't read it.

What I'd ideally like is to be able to set up textslides_4 with variants, so that there's a version of the slider for each of my main site variants. That way, I can change the width of the page, but not the height, and reposition the content within it to make it readable.

Does that make sense? Is it do-able?

[siran]

Yes, just go ahead. Supersites with scale to fit option still allow to have variants.
Edit: But in that case you would not need the scale to fit option anymore I guess.