Creating your own image sliders within Xara

**garycwood84** · 28 April 2018, 12:50 AM

Ah, ignore that question, Egg. I re-exported the pages and everything is working fine (I don't know what's changed, but at least it works!).

However, another question. I want to put some arrows onto the slider so that the user can move to the next "page". I've done this successfully, but the problem is that as the image scrolls out (I'm using the wipe left transition), the arrow buttons do, too. Is there a way that I can keep them static and only have the "content" of the slider page move?

**Egg Bramhill** · 28 April 2018, 07:33 PM

Is there a way that I can keep them static and only have the "content" of the slider page move?

Not easily Gary. The code created by Siran is just to wait x seconds then load the next page of a supersite with transitions. There is no pause on mouse over effect or any way I know of to have a button in the main site to control the pages loaded into a placeholder.

**siran** · 02 May 2018, 10:04 AM

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** · 02 May 2018, 02:06 PM

Works a treat Siran, thanks

**garycwood84** · 13 May 2018, 12:40 AM

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** · 13 May 2018, 12:49 AM

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** · 14 May 2018, 12:42 PM

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.