Embedded Slide Show 4 skin slide show

This is an example of an embedded slide show made with the jAlbum Slide Show 4 skin. It is a Slide Show 4 album where the index page is skipped.

The first two slides show the settings used to make this album. The index page is skipped, because on the General settings tab check-mark 'Open first slide automatically' has been set.

With the next css code it is also possible to embed this slide page in a website.

<style>
.iframe-container { position: relative; height: 0; overflow: hidden; padding-bottom:56.25%; /* 100*(h/w), in this case h= 1080 w= 1920 */ }
.iframe-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; }
</style>

The album is displayed in a responsive iframe:

<div class="iframe-container">
<iframe src="http://andrewolff.jalbum.net/NoIndexSlideShow_SS4/" allowfullscreen> </iframe>
</div>


Click on the image to stop/continue the slide show.

More info about the used CSS code on the blog of Ben Marshall