EverWeb Widgets

Rotate Gallery

Rotate thumbnails left, right or alternating. Scale down on hover to fit inside the grid.

More Galleries

Rotate Image Gallery

The grid items can be spaced out using the control for adjusting the grid gap and the container padding. This allows room for the optional border and/or offset box shadow.
Layout
The number of items per row can be set for computer, tablet landscape and tablet portrait.
On mobile phones in portrait mode the rotation iand scale are removed and the items stack vertically and have a control to adjust their spacing.
Rotate
When the images are rotated their scale can be reduced to prevent overlap. On hover, the rotation is remove and the scale returns to a value of 1.
Images can be rotated in a positive or negative direction and the direction can be alternated by checking a box.
Captions
The captions overlay the bottom of the image and can appear on hover when the grid is viewed on computers.
Article
The optional article has a heading and text and can be inserted anywhere in the grid by giving it a column and row number.

Lightbox Gallery

The gallery images are responsive up to the maximum width of the image file. A width of around 1200px for landscape images should suit most applications. This will ensure that the image file size is kept below 200KB.
Controls
There are controls to change the slide transiton, set the transition time, show/hide the counter, hide the overlay, disable right click and to preload the previous and next slide images.
To adjust for odd shaped images there are controls adjust the height and width ratios and a checkbox to scale the images to that ratio.
Slide Captions
The captions can inherit the font family set for the thumbnail captions and have their own controls for font size, color and animation time.
The captions can be positioned to overlay at the top or bottom of the image or to be outside at the bottom.