EverWeb Widgets

Responsive Pro Gallery

Grid
This responsive image grid opens a lightbox image gallery with several viewing options and a choice of 30 slide transitions.
The grid can have up to 96 thumbnail images. The number of images per row can be adjusted for each device type - computer, tablet in landscape mode, tablet in portrait mode and mobile phone.
The grid has a percentage width setting and a maximum width setting. When the percentage width is set to less than 100, the grid is spaced away from the browser/device window edges.
The spacing between the grid items and the vertical spacing of the grid from the items above and below it can be adjusted and the background color can be set. In this example, the grid spacing is set to 2px which spaces the grid items 4px horizontally and vertically and shows the black background.
Grid Captions
The thumbnails can have captions which appear on page load. They can be set to appear on hover when viewed on computers if required.
The font can be web safe or non web safe or Google hosted with a web safe fallback. The caption background color and its opacity can be adjusted.
Slideshow Settings
The slideshow is responsive up to the maximum size of the image file. The percentage width of the slider images can be adjusted.
There are controls for selecting the transition type and for setting the transition time in milliseconds.
The slideshow has controls at the top - some of which can be turned on or off. The optional controls are fullscreen, zoom, slide counter and image download.
There are controls to magnify the image in/out and a play/pause button. The slideshow can be set to autoplay. The slide time is set in milliseconds and there is a progress bar.
There is a control for turning on "smart preload" for better performance with large image files.
The slideshow captions inherit the font family set for the grid captions and can be adjusted for font size and color.

© EverWeb Widgets -