Settings of this album
Example of an album where a slide-show isused instead of a theme image.
The code for the slide-show is entered in the HTML code box on the Index page / Footer tab, where check-mark "After the theme image" is set. The next code is used:
<div class="iframe-container iframe-container-slideShow">
</div>
The required CSS code should be entered in the CSS code box on the Custom code tab:
.iframe-container { position: relative; height: 0; }
.iframe-container-slideShow { padding-bottom:20% }
.iframe-container iframe { border: none; position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.albumDescription {
margin-top: 10px;
}
It uses style "Soft" and a thumbnails table without the use of the Justified_Gallery plugin ('Use Justified Gallery' cleared) and the LightGallery lightbox, with settings 'Fixed-shape thumbnails' set,.