Blog André Wolff

---

You can display a Slide Show 3 album slide show embedded in your web-page with an iframe. For the example above, I used the following code:

<iframe src="http://www.andrewolff.nl/testjalbum/frame/slides/Berijpt_Almelo_071222_04.html" frameborder="0" scrolling="no" height="350" width="700" ></iframe>

The used link is the URL of the first slide page, but you can start at any slide page in the album.

There were no problems with the Safari, Firefox and Chrome browser, but the Internet Explorer 9 did show some strange effects, however this has been solved in version 3.9.2

You start the slide show normally from the index page with the thumb-nails, but in version 3.9 you can start the slide show with a link on your web-page. As an example click on the small thumbnail above. The html code for this link is:

<a href="http://www.andrewolff.nl/testjalbum/frame/slides/Berijpt_Almelo_071222_05.html"><img src="http://www.andrewolff.nl/testjalbum/frame/thumbs/Berijpt_Almelo_071222_05.jpg" width="130" height="97" alt="start slide show" /></a>

You can also start the slide show in a full window without status bar, menu etc. Try this this with the first button above. The html code is:

<form>
<input type="button" value="Click here and next F11 to see the slides fullscreen"
onclick='window.open("http://www.andrewolff.nl/testjalbum/frame/slides/Berijpt_Almelo_071222_04.html", "fullscreen","toolbar=0,scrollbars=0,menubar=0,location=0,resizable=0,directories=0,status=0,fullscreen=yes,width=" + (screen.width) + ",height=" + (screen.height) + ",left=0,top=0");'>
</form>

The viewing time per slide, the applied slide transition effect and time are defined when the album is created, on the general tab:


You should indicate here too whether the navigation buttons should be displayed on slides. If these buttons are not displayed, navigation should be done via the key board or with swipes and gestures on the iPad. Click on the help button on the index page of a slide show to see how this should be done.

Click here to download the Slide Show 3 skin, click here to see an extended description and click here to see another example of an embed slide show.

Labels: EditPhotoInfo. Improved Slide Show 3