Title: Steve's Gallery Helper Author: stevegibbs Published: 26 januari 2026 Last modified: 4 september 2026 --- Plugins zoeken ![](https://ps.w.org/steves-gallery-helper/assets/banner-772x250.png?rev=3448167) ![](https://ps.w.org/steves-gallery-helper/assets/icon-128x128.png?rev=3448167) # Steve’s Gallery Helper Door [stevegibbs](https://profiles.wordpress.org/stevegibbs/) [Download](https://downloads.wordpress.org/plugin/steves-gallery-helper.1.7.54.zip) * [Details](https://nl.wordpress.org/plugins/steves-gallery-helper/#description) * [Beoordelingen](https://nl.wordpress.org/plugins/steves-gallery-helper/#reviews) * [Installatie](https://nl.wordpress.org/plugins/steves-gallery-helper/#installation) * [Ontwikkeling](https://nl.wordpress.org/plugins/steves-gallery-helper/#developers) [Ondersteuning](https://wordpress.org/support/plugin/steves-gallery-helper/) ## Beschrijving Gallery Helper extends the native WordPress Gallery block (`core/gallery`) with two premium display modes — **Lightbox** and **Carousel** — without adding any jQuery dependency. #### Lightbox Mode Click any gallery image to open it in a full-screen overlay with: – **Previous / Next navigation** via on-screen buttons, keyboard arrow keys, touch swipe, or mouse drag – **Automatic slideshow** mode that advances images every 3 seconds (pauses on click) – **Fade transitions** on swipe gestures for a native feel – **Accessibility**: ARIA roles, focus trapping, keyboard Escape to close, screen reader support – ** Responsive**: navigation buttons hide on mobile (swipe instead) #### Carousel Mode Display your gallery images as a full-height, single-image strip with: – **Horizontal** orientation (default) or **Vertical** orientation – **Height-justified, no-cropping** display — each image fills the container height while preserving its natural aspect ratio via `object-fit: contain` – **Prev / Next** navigation via on-screen buttons, keyboard arrows, mouse drag, or touch swipe – **Auto-advance** mode with configurable interval (pauses on hover/focus, resumes on leave) – **Reacts to window resize**— re-centers the current slide – **Lightbox integration** — when both Carousel and Lightbox are enabled, clicking a carousel image opens the lightbox with full navigation #### Key Design Principles * **No jQuery** — uses vanilla JavaScript throughout * **Lightweight** — CSS and JS only enqueue when a gallery block uses the helper * **Unobtrusive** — leaves the editor experience untouched; adds a single “Gallery Helper Settings” panel to the block inspector * **Dynamic content compatible** — uses MutationObserver to support galleries loaded via AJAX, accordions, tabs, or other dynamic UIs ### Usage ### Lightbox 1. Add a Gallery block to your content. 2. In the block settings sidebar, locate the **Gallery Helper Settings** panel. 3. Check **Enable Lightbox**. 4. Optional: set **Slideshow Mode** to **Automatic** for auto-advancing images. 5. On the front end, click any gallery image to open the lightbox. ### Carousel 1. Add a Gallery block to your content. 2. In the block settings sidebar, locate the **Gallery Helper Settings** panel. 3. Set **Display Mode** to **Carousel**. 4. Choose **Direction**: Horizontal (side-to-side) or Vertical (top-to-bottom). 5. Optional: enable **Auto-advance** and set the **Interval (ms)** (default 3000). 6. On the front end, the gallery renders as a full-height image strip with prev/next buttons. ### Dynamic Galleries The plugin automatically handles galleries loaded dynamically (e.g. inside accordion blocks, tabs, AJAX-loaded content). No extra configuration required. ## Schermafbeeldingen [⌊Settings are simple and intuitive⌉⌊Settings are simple and intuitive⌉[ Settings are simple and intuitive [[ [[ ## Installatie 1. Upload the `steves-gallery-helper` directory to `/wp-content/plugins/`, or upload the zip via **Plugins Add New Upload Plugin**. 2. Activate the plugin through the **Plugins** screen. 3. Add a **Gallery** block to any post, page, or custom post type. 4. Open the block settings sidebar and expand **Gallery Helper Settings**. 5. Toggle **Enable Lightbox** and/or set **Display Mode** to **Carousel**. 6. Publish and enjoy. ## FAQ ### Does this plugin require jQuery? No. All front-end JavaScript is written in vanilla ES5/ES6 — no jQuery dependency. ### Does the carousel work with the lightbox? Yes. When both Carousel mode and Lightbox are enabled, clicking any carousel image opens it in the lightbox overlay with full prev/next navigation. ### Does it work with dynamic galleries (e.g. in accordions or tabs)? Yes. The plugin uses a MutationObserver to detect galleries added to the DOM after the initial page load. ### Can I sell this plugin? This plugin is licensed under GPLv2. You are free to use, modify, and distribute it in accordance with the license terms. ## Beoordelingen Er zijn geen beoordelingen voor deze plugin. ## Bijdragers & ontwikkelaars “Steve's Gallery Helper” is open source software. De volgende personen hebben bijgedragen aan deze plugin. Bijdragers * [ stevegibbs ](https://profiles.wordpress.org/stevegibbs/) [Vertaal “Steve's Gallery Helper” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/steves-gallery-helper) ### Interesse in ontwikkeling? [Bekijk de code](https://plugins.trac.wordpress.org/browser/steves-gallery-helper/), haal de [SVN repository](https://plugins.svn.wordpress.org/steves-gallery-helper/) op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/steves-gallery-helper/) via [RSS](https://plugins.trac.wordpress.org/log/steves-gallery-helper/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.7.54 * New: Carousel “Transition” setting (Slide / Fade) — Fade cross-fades between slides with no directional motion. * New: Carousel “Image Fit” setting (Contain / Cover) — cover crops slides to fill the carousel container. * New: Carousel “Height” setting with px / vh / % unit support. * New: Smoother carousel transition and seamless infinite loop (no harsh rewind when wrapping). #### 1.7.5 * Fixed: small bug in carousel editor. #### 1.7.4 * New: Carousel display mode — display gallery images as a horizontal or vertical image strip with prev/next navigation, swipe support, keyboard arrows, and optional auto-advance with configurable interval. * New: “Display Mode” setting (Grid / Carousel) in the Gallery Helper Settings panel. * New: “Direction” setting (Horizontal / Vertical) for carousel orientation. * New: “Auto-advance” toggle and interval control for the carousel. * New: Carousel integrates with the existing lightbox — enable both for click-to- lightbox from carousel images. * New: CSS for carousel layout — height-justified, no-cropping image display with responsive breakpoints. * New: Mouse drag and touch swipe support for carousel navigation. * Fix: Carousel auto-advance pauses on hover/focus and resumes on mouse leave / focus out. * Fix: Carousel re-centers current slide on window resize. * Dev: Replaced function declarations with function expressions inside setupCarousel to avoid hoisting issues. #### 1.7.3 * Fixed duplicate event listeners that could cause multiple lightboxes to open. * Ensured compatibility with galleries inside nested blocks (e.g., Accordions, Details). #### 1.7.2 * Fixed enqueue_frontend_assets so plugin files only load when the gallery helper is in use. #### 1.7.0 * Added smooth fade transitions for swipe gestures (touch and mouse drag). * Added grab cursor for desktop mouse swipe indication. * Improved swipe handling with unified touch/mouse event system. * Maintained instant navigation for buttons and keyboard controls. #### 1.6.1 * Bug fixes and improvements. #### 1.6.0 * Added slideshow mode support. * Improved accessibility features. #### 1.5.0 * Initial release with lightbox functionality. ## Meta * Versie **1.7.54** * Laatst geüpdatet **1 maand geleden** * Actieve installaties **Minder dan 10** * WordPress versie ** 5.6 of nieuwer ** * Getest t/m **7.1.3** * PHP versie ** 8.0 of nieuwer ** * Taal * [English (US)](https://wordpress.org/plugins/steves-gallery-helper/) * Tags * [carousel](https://nl.wordpress.org/plugins/tags/carousel/)[gallery](https://nl.wordpress.org/plugins/tags/gallery/) [lightbox](https://nl.wordpress.org/plugins/tags/lightbox/)[lightweight](https://nl.wordpress.org/plugins/tags/lightweight/) [slideshow](https://nl.wordpress.org/plugins/tags/slideshow/) * [Geavanceerde weergave](https://nl.wordpress.org/plugins/steves-gallery-helper/advanced/) ## Waarderingen Er zijn nog geen beoordelingen ingediend. [Je beoordeling](https://wordpress.org/support/plugin/steves-gallery-helper/reviews/#new-post) [Bekijk alle beoordelingen](https://wordpress.org/support/plugin/steves-gallery-helper/reviews/) ## Bijdragers * [ stevegibbs ](https://profiles.wordpress.org/stevegibbs/) ## Ondersteuning Iets te melden? Hulp nodig? [Het supportforum bekijken](https://wordpress.org/support/plugin/steves-gallery-helper/) ## Doneren Wil je de groei van deze plugin ondersteunen? [ Doneer aan deze plugin ](https://wp.stevegibbs.info)