Overlay Image Grid Navigation

The widget will accomodate up to 48 images which are hyperlinks. The links can open internal or external pages by using either relative or absolute file paths. Click the link below for more about file paths. Links can also open in a new window if required.
The number of images per row can be adjusted for computer, tablet and phone and the spacing between the images can be adjusted from zero upward.
If viewing this page on a computer, reduce the browser width to see the change in layout.
Images
The images should be cropped to the maximum size that they will be displayed at in the grid before importing into EverWeb. They don't need to be more than about 400px wide. It should be obvious that they all need to have the same aspect ratio!
To save time, the images can be given a numbered sequence of file names and then dragged altogether from the Finder folder onto the Asset List in the Widget Settings panel.
Captions
The captions can animate in on hover when the page is viewed on a computer if required. They are set to display on page load when the page is viewed on a tablet or mobile phone if the responsive option is used.
The captions can use a web safe font or a non web safe or Google hosted font with a web safe fallback. Click the link below for more about using web fonts.
The caption background can be adjusted for color and the opacity can be set to suit the images.
Scale Animation
There is an option to have a scale animation on the image. If viewing this page on a computer, hover any image in the grid in the grid to see it in action.