Name: WordPress for galleries with interactive lightbox
SKU: 173
Availability: InStock

The WordPress for galleries with interactive lightbox plugin enhances the default WordPress gallery functionality by adding a responsive, full-screen lightbox for viewing images. Built with the Lightbox and Hammer libraries, it offers smooth zoom capabilities (up to 2x), navigation between gallery images, and touch-based pinch-to-zoom for mobile devices. When a user clicks an image in a WordPress gallery, it opens in a sleek, dark-overlay lightbox with controls for zooming in/out, navigating to previous/next images, and closing the view. The plugin is optimized for both desktop and mobile, with responsive styling that adjusts navigation placement based on device orientation. It requires no configuration and works seamlessly with standard WordPress galleries.

Features of WordPress for galleries with interactive lightbox

Interactive Lightbox: Displays gallery images in a full-screen overlay with a dark background for focused viewing.
Zoom Functionality: Supports zoom in/out (1x to 2x) via buttons or pinch-to-zoom on touch devices.
Navigation Controls: Includes previous/next buttons for easy browsing through gallery images.
Responsive Design: Adapts to portrait and landscape orientations with optimized control placement.
Touch Support: Uses Hammer.js for smooth pinch-to-zoom and touch interactions on mobile devices.
Seamless Integration: Automatically enhances WordPress galleries without requiring shortcodes or manual setup.
Customizable Styling: Includes CSS classes for the lightbox overlay and controls for easy customization.
Lightweight & Performant: Loads minimal assets (Lightbox and Hammer.js) with inline CSS/JS for efficiency.

Installation

Upload the plugin folder to the /wp-content/plugins/ directory.
Activate the Mobileship Gallery Lightbox plugin through the WordPress admin panel.
Ensure you have a WordPress gallery created in a post or page using the native gallery block or shortcode (e.g., [gallery ids="123,456,789"]
).
The plugin will automatically apply the lightbox effect to gallery images when clicked.

Usage of WordPress for galleries with interactive lightbox

Create a gallery in WordPress using the block editor or the [gallery]
shortcode with image IDs from the media library.
Click any gallery image to open it in the lightbox, where you can:
Use the + and − buttons to zoom in/out.
Use the ← and → buttons to navigate between images.
Use the × button to close the lightbox.
On touch devices, pinch to zoom in/out.
Customize the lightbox appearance by targeting CSS classes like #lightbox-overlay, #lightbox-image, or #lightbox-controls.