Image Grid & Gallery

The grids are created using the CSS Grid Layout Module for easy adjustment of the spacing and setting the number of items per row.
The grid item spacing and the all around padding can be adjusted to space out the thumbnails and show the grid background.
Grid Images
The grid images have options for captions, links, link icon and scale on hover. There is a checkbox to turn on lazy loading if there are more than a few images.
The number of items per row can be set for each device type - computer, tablet landscape, tablet Portrait and mobile phone in portrait mode.
The grid links can open internal or external pages and have a new window option. The gallery grid images open the lightbox slideshow.
Slideshow
The lightbox slideshow has captions and a slide counter. The images are responsive up to the maximum width of the image file.
Navigation is by directional arrows or grab and drag on computers and by swiping on touch devices.
The captions inherit the thumbnail font family but have their own controls for font size and color. They can overlay the top or bottom of the slide or outside and below the image.
The slideshow options are caption delay, slide or fade transition, transition time,show counter, hide overlay,disable right click and preload previous/next image.
Od size images can be made to fit properly using the controls for width and height ratio and there is a checkbox to scale the images to that ratio if required.