This demo site has code that automatically builds a gallery from images placed in the html websites thumbnail and images folders to save you having to add code separately for every image.

image-gallery javascript-library html-css-javascript html-javascript html-css-js gallery-viewer html-gallery thumbnail-gallery javascript-gallery html-album read-html-folder thumbnail-folder read-thumbnail-folder gallery-creator read-html-directory image-folder album-viewer read-website-folder thumbnail-album

• Updated Mar 19, 2025
• HTML

Pure Css and Javascript gallery with thumbnail-list, detail/info view and fullscreen image viewer

javascript css gallery vanilla-js javascript-gallery

• Updated Mar 1, 2023
• JavaScript

Responsive JavaScript (jQuery) image gallery and lightbox with swipe gestures.

jquery image-gallery swipe lightbox-gallery javascript-gallery swipe-gallery responisve-gallery

• Updated Feb 17, 2026

A handy study in the construction of a JavaScript Gallery, which features a primary picture (with a copy in previews), and 2 other images that can be clicked to reveal the larger image.

javascript javascript-gallery gallery-previews

• Updated Feb 11, 2020
• CSS