Fullscreen Image Gallery

Configuration

Version: 2.4

Configuration

Open a Fullscreen Image Gallery module: Content → Site Modules → edit your module. Settings are grouped into tabs.

Content tab
  • Image Source
    • From folder — loads every image in that folder automatically (great for big sets).
    • Individual slides — you pick each image, caption, category, and optional video.
  • Image Folder — the folder under images/ (example: fullscreen-demo).
  • Folder Categories (folder mode)
    • None — no filter pills.
    • Filename prefix — name files like Nature__lake.jpg (category = Nature).
    • Subfolders — put photos in Nature/, City/, etc.
  • Auto Captions from Filename — turns 01-mountain-lake.jpg into caption “Mountain Lake”.
  • Slides (individual mode) — for each slide you can set:
    • Image / poster
    • Video URL (MP4, YouTube, or Vimeo)
    • Alt text
    • Caption
    • Category (for filters)
  • Sort Order — A→Z, Z→A, or Random.
  • Load More (initial count) — show only the first N images, then a “Load more” button. Use 0 to show all.
Look & Feel tab
  • Theme — Modern 2026, Minimal, or Dark.
  • Accent Color — colour for filters and active controls.
  • Gallery Width — e.g. 100% or 960px.
  • Columns — 1 to 6 columns on desktop.
  • Gap — space between thumbnails (pixels).
  • Masonry Layout — Pinterest-style uneven heights.
  • Thumb Aspect Ratio — Auto (natural) or fixed (1:1, 4:3, 16:9…).
  • Show Category Filters — filter pills when categories exist.
  • Zoom on Hover — slight zoom when the mouse is over a thumb.
  • Resize Thumbnails By — Width, Height, or Both + sizes.
  • WebP Thumbnails — smaller, faster thumbnail files.
  • Schema.org ImageGallery — SEO structured data (JSON-LD).
  • Protect Images — reduces right-click / drag on gallery media (not bulletproof).
Lightbox tab
  • True Fullscreen (OS) — uses the browser Fullscreen API so the image can cover the whole monitor.
  • Slideshow Autoplay + Delay — auto-advance photos.
  • Slideshow Progress Bar — thin bar while autoplay runs.
  • Image Fit Mode — Contain (whole image visible) or Cover (fills the screen).
  • Thumbnail Filmstrip — small strip of thumbs inside the lightbox (off by default).
  • Download Button — let visitors download the image.
  • Share Button — copy link; with social menu: WhatsApp, X, Facebook.
  • Pinch / Scroll Zoom — mouse wheel zoom + two-finger pinch on phones.
  • Deep Link Hash — URL becomes #jx-fig-123-4 so you can share a specific slide.
  • Backdrop / control / caption colours and thumb borders.
Advanced tab
  • Module Class Suffix — extra CSS class for your template.
  • Additional CSS — your own CSS rules.
Plugin defaults

Go to System → Plugins → Content - Fullscreen Image Gallery. These defaults apply when a shortcode does not set that option (theme, columns, WebP, fit mode, schema, protect, auto captions, and more).

Simple setup checklist
  1. Upload photos to Media.
  2. Create module → From folder → pick folder.
  3. Pick theme + columns.
  4. Publish on the right pages.
  5. Click a photo on the front-end to test the lightbox.