Update to the Ultimate Xara Slideshow

[Initiostar]

TomTom,

The demo template (https://initiostar.co.uk/demo/zNivo/#xl_six) has a mobile variant width of 540px; it uses Scale-to-fit-Width with a minimum width of 540px. Should you want to embed this into a main website mobile variant that has a 480px width, you would need to modify the page width in the slider mobile variant to 480px.

E.g. Simple-Slideshow-Page-Template_480px.xar

You can modify any of the slider page sizes across all variants to suit your design, but as a start point, I would make the main website placeholders the same size as the incoming slider for each variant. The code remains the same.

Hopefully this gets you back on track.

[TomTom66]

TomTom,

The demo template (https://initiostar.co.uk/demo/zNivo/#xl_six) has a mobile variant width of 540px; it uses Scale-to-fit-Width with a minimum width of 540px. Should you want to embed this into a main website mobile variant that has a 480px width, you would need to modify the page width in the slider mobile variant to 480px.

E.g. Simple-Slideshow-Page-Template_480px.xar

You can modify any of the slider page sizes across all variants to suit your design, but as a start point, I would make the main website placeholders the same size as the incoming slider for each variant. The code remains the same.

Hopefully this gets you back on track.

Hello Initostar,

thanks, but exactly this was what I did do. I changed it. But there is no slider on the mobile version. Slider (mobile) has 480px, website (mobile) has also 480 px.

TomTom

[Acorn]

TomTom, without your design we are all guessing.

Do check the Placeholder code you have does not share the same id in both Main and Variant.

I have in both viariant each oine placeholder with same small code snipset

The second issue around the lost background might disappear when you adjust your code but it is possible you have not terminated your code correctly and is only noticeable when it hits the Variant code that sits under Main.

Acorn

[TomTom66]

Hello,

sorry :-) just found the error. Was my fault!

In my placeholder code:

<iframe title="slider-crossfade" src="simple-slider-crossfade.htm" name="simple-slider-crossfade" height="100%" width="100%" style="border:none;"></iframe>
the closing bracket was not present

the closing bracket was not present! </iframe instead </iframe>

Now it works fine, it is a great solution. Thanks to everyone.

TomTom

[Acorn]

It happens to us all.

Acorn

[TomTom66]

Hi to all :-)

I am a huge "fan" of the "simple-slider-crossfade" slideshow and have used it successfully over 10x. This also works as a kind of "presentation" within a page. What would interest me is if you can add a function to start the "play" of the iframe via a button overlay/layer?. "Stupidly said" like when you press the "play" icon of a video. The reason would be that the show then starts specifically from the beginning and the viewer doesn't just enter "in between" at some point. Sure you could convert it to a video (slideshow) but it would be easier that way, also for updating content.

Thanks for any ideas,

TomTom

[Acorn]

Hi to all :-)
I am a huge "fan" of the "simple-slider-crossfade" slideshow and have used it successfully over 10x. This also works as a kind of "presentation" within a page. What would interest me is if you can add a function to start the "play" of the iframe via a button overlay/layer?. "Stupidly said" like when you press the "play" icon of a video. The reason would be that the show then starts specifically from the beginning and the viewer doesn't just enter "in between" at some point. Sure you could convert it to a video (slideshow) but it would be easier that way, also for updating content.
Thanks for any ideas,
TomTom

TomTom, if you are embedding the Slideshow in an IFRAME, you need to include a name attribute, e.g., name="myShow".

On the main design page you create a Button or Link, say, Replay.
Its Link would be <myShowPath>/index.htm and you include the critical part of Open link in: myShow.

On any click, this restarts the Presentation website from the start.

Acorn