EverWeb Widgets

Colorbox CTA Image Album

Heading

This widget allows several image lightbox style slideshows to be placed on the same page. It uses the Colorbox plugin to create the lightbox slideshow which is opened from a styled CTA button link.
The first example below has the slideshow set to manual play and the second one is autoplay showing the Pause/Play text which can be edited to use other words or languages.

Colorbox CTA Image Album
Image Album
Slideshow [1]
Image Album
Slideshow [2]
Colorbox CTA Album Widget

Widget Settings

Enter the button text using the HTML5 <br> to create line breaks.
Adjust the width using a drag handle or the Metrics inspector and the height using the values for TB padding and line height.
Enter the font family name, check the box if it is Google hosted and select a suitable web safe fallback font.
Set the font size, color, hover color and the background color and its opacity.
Adjust the value for TB padding and use the LR padding if the text is aligned left or right.
Adjust the line height if the text extends to two or more lines.
Set the CTA border width color and corner radius if required.
Set the box shadow color and radius if needed.

Colorbox CTA Album Widget

Images

Select the first image and enter its caption and alt text.
Select the rest of the images or drag them onto the Assets list en masse from a Finder folder.
Highlight each image file name in turn to add the caption and alt text.

Slideshow

Set the transition type.
Check the box for Autoplay if required and set the slide time in seconds.
Set the transition time in tenths of a second.
Enter the text for the Play and Pause commands.
Set the opacity of the lightbox overlay.

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

EverWeb Widgets
© Roddy McKay - 2016
All Rights Reserved