EverWeb Widgets

Circle Gallery

Round/Oval

The grid layout arranges thumbnail images with different aspect ratios into a uniform grid. The full size images are launched in a lightbox slider on click.

Grid

The number of thumbnail images per row at any given browser/device width is determined by the values enter for the item's minimum width and the row height. The row height can also be set to auto.
In the example, the min width is set to 300px amd the row height to 400px.
Thumbnail Images
To create the thumbnails, the full size images were opened in Preview.app and reduced to about 15% of the slideshow image size.
Styles
The images in the grid can have a border and/or a box shadow and can have a scale on hover animation when viewed on computers.
Lazy Loading
The gallery can accommodate up to 480 images so the lazy loading function should be tirned on if more than a few images are inserted.
Captions
The optional captions can use a Google hosted or non web safe font with a web safe fallback if required. The captions can be set up for one, two or three lines.
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.