EverWeb Widgets

Responsive Image Gallery

Image [6] Caption — Image [6]
Caption Line Two

Image Grid

The grid can have up to 96 thumbnails - each with is own caption which can extend to two or more lines using the HTML line break <br> to create returns.. The grid has controls for setting the maximum width and the number of images per row on the various devices - computer, tablet landscape, tablet portrait and mobile phone.
The grid item spacing can be adjusted along with the vertical spacing of the grid in relation to the items above and below it.
There is an optional heading for the gallery name. The text can use a web safe font or a non web safe or Google hosted font with a web safe fallback.
The captions have controls for font size, color, text align and line height. The grid background has controls for color and opacity.

Slideshow

The lightbox slideshow is navigated using directional arrows on computers and by swiping on touch devices like the iPad and iPhone.
The transition time is adjustable as well as the image caption animation time.
The large image caption is derived from the alt text attribute so it should contain keywords for both the search engines and the visitors.

Images

All the images should be cropped to size before importing into EverWeb. The thumbnail images should be kept as small as possible and a width of around 360 to 400px should be more than enough to give reasonable quality. In general, the more images there are - the smaller the image file size sould be.
The images in the slideshow are responsive up to the maximum width of the actual image file so they should be no more than 1200px wide for reasonably fast downloading.