EverWeb Widgets

Image Gallery

Image Gallery

The widget creates a grid out of equal size thumbnail images which can be lazy loaded. The number of images per row can be set for each device type.
The overlay optional captions can be set to appear on hover when viewed on computers and the scale animation has controls for setting the animation time and scale amount.
Thumbnail Images
If this example, the thumbnail images were cropped from the full size images to 360px square. This reduces their file size to about 20% of the size of the lightbox image. This, along with lazy loading, allows the grid to have up to 480 images without effecting pade download time.
Lightbox Slider
The slideshow image captions are derived from the thumbnail image's alt text. It has a slide counter and a close tab and the images are responsive up to the maximum width of the image file.
The slideshow has options to adjust the width and height ratios if required to display images with different aspect ratios at their best.