Embedded PhotoSwipe skin slide show

This is an example of an embedded slide show made with the jAlbum PhotoSwipe skin. It is a PhotoSwipe 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 with a touch screen device on the image to stop/continue the slide show, use the space bar on a PC. For both types of devices you can do this also with the play/pause button in the upper right corner.

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