EverWeb Widgets

Swiper Image Album


This is the album version of the swiper gallery and opens each slideshow from a thumbnail image with an optional caption.
The slideshow has a controlbar with play/pause button, back/forward arrows and a close button and another bar with the caption. The position of these bars can be flipped if required. The slideshow can also be set to autoplay if necessary.
The full size images can be set to fit, fit with no upscale or zoom.
The first example below has the toolbar flipped and the second one is set to autoplay.

Swiper Image Album
  • Album 1 Image 1

    Swiper Slideshow
    Album One

  • Album 1 Image 2
  • Album 1 Image 3
  • Album 1 Image 4
  • Album 1 Image 5
  • Album 2 Image 1

    Swiper Slideshow Album Two

  • Album 2 Image 2
  • Album 2 Image 3
  • Album 2 Image 4
  • Album 2 Image 5

Widget Settings

Select the thumbnail image.
Check the box to add a caption and enter it using the HTML5 line break <br> to create returns.
Select the first full size image and add the caption.
Adjust the widget size and set the background color and its opacity and the padding.
Set the border width, color and corner radius if required.
Set the box shadow color and radius if needed.
Enter the caption font family name, check the box if it is Google hosted and choose a suitable web safe fallback font.
Set the font size and color.
Set the text align and the line height if the caption extends to two or more lines.
Choose the remaining images and highlight each file name in turn to add the caption.
Set the toolbar fade time in seconds.
Check the box to switch the position of the toolbar and the caption if required.
Check the box if autoplay is required and set the slide time in seconds.
Select the method by which the slideshow image will be scaled.
"fitNoUpscale" keeps the image at its original size, "fit" scales the image to fill the width and "zoom" makes the image fill the browser.

Swiper Album Widget
Swiper Album Widget

This widget is included in the Album & Gallery widget pack.

EverWeb Widgets
© Roddy McKay - 2016
All Rights Reserved