Flex Image Grid

Image [1]
Image [1]
Image [2]
Image [2]
Image [3]
Image [3]
Image [4]
Image [4]
Image [5]
Image [5]
Image [6]
Image [6]
Image [7]
Image [7]
Image [8]
Image [8]
Image [9]
Image [9]
Image [10]
Image [10]
Image [11]
Image [11]
Image [12]
Image [12]

ThemeKit Flex Image Grid

This is an image grid version of the gallery shown on the previous page. It can be used to show off a bunch of irregular sized images or used as an illustrated navigation. The grid layout arranges thumbnail images with different aspect ratios into a uniform grid.
Grid
The grid has a maximum width setting which, in this case, is set to 1200px. The grid has contols for spacing out the images and for adding an image border..
The optimum setting for any mix of thumbnail images with varying aspect ratio is achieved using the row height control.
Captions & Links
The captions are optional and appear as an overlay at the bottom of the image. Optional icons can be added and both these items can show on hover on computers.
The image links can open internal or external pages and hace a new window option. Links can use relative or absolute file paths. Follow the link below to find out about file paths …
Shuffle
There is a checkbox for tirning on the shuffle option. This rearranges the order of the thumbnail images every time the page is refreshed.
Lazy Loading
The slidshow can have up to 480 images. If there are more than 12 images the lazy loading function MUST be turned on to facilitate fast page download in the browser.