moduleplugin
Image GalleryFullscreen Image Gallery
Fullscreen Image Gallery Extension for Joomla
DemoExample 1 - Folder Gallery
Load every image from a folder. Set columns, gap, aspect, and thumbnail size to match your layout.
{fullscreen folder="images/fullscreen-demo" columns="3" gap="12" thumbwidth="480" thumbheight="360" aspect="4/3"}DemoExample 2 - Masonry Layout
Add masonry="1" for a CSS masonry column layout — ideal for mixed-height photos.
{fullscreen folder="images/fullscreen-masonry" columns="3" masonry="1" thumbwidth="400"}DemoExample 3 - Individual Images with Captions
List specific images with image and matching title captions.
{fullscreen image="images/fullscreen-demo/01-mountain-lake.jpg,images/fullscreen-demo/02-city-night.jpg,images/fullscreen-demo/07-waterfall.jpg,images/fullscreen-demo/12-aurora.jpg" title="Alpine lake,City night,Waterfall,Aurora" columns="2" aspect="4/3"}DemoExample 4 - Dark Theme Accent
Use theme="dark" and accent for a branded dark grid.
{fullscreen folder="images/fullscreen-demo" columns="4" theme="dark" accent="#60a5fa" aspect="4/3"}DemoExample 5 - Mixed Photos + Video
Pass matching image, title, category, and video lists. Empty video entries stay as still photos. Supports YouTube, Vimeo, and MP4.
{fullscreen image="images/fullscreen-demo/01-mountain-lake.jpg,images/fullscreen-demo/02-city-night.jpg,images/fullscreen-demo/03-forest-path.jpg,images/fullscreen-demo/12-aurora.jpg" title="YouTube aerials,Vimeo mountain,MP4 flower,Still aurora" category="YouTube,Vimeo,MP4,Photo" video="https://www.youtube.com/watch?v=LXb3EKWsInQ,https://vimeo.com/76979871,https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4," columns="2" aspect="16/9" filters="1"}