daniloercoli

<p>EC Lightbox is a minimal WordPress plugin that adds a modern lightbox to galleries using <a href="https://github.com/biati-digital/glightbox" rel="nofollow ugc">GLightbox</a>.</p>
<p>The plugin is opt-in by behavior: once activated, it only applies its lightbox functionality to blocks where you explicitly add a custom CSS class (for example, a Gallery block). Everywhere else, WordPress behaves normally.</p>
<h3>Features</h3>
<ul>
<li>Uses <a href="https://github.com/biati-digital/glightbox" rel="nofollow ugc">GLightbox</a> for a clean, responsive lightbox.</li>
<li>Works with WordPress core blocks (e.g. Gallery, Image).</li>
<li>Opt-in activation via a custom CSS class (<code>ec-lightbox</code>).</li>
<li>Groups images by gallery container (each block with <code>ec-lightbox</code> is its own gallery).</li>
<li>Includes a <strong>Settings page</strong> in WordPress Admin.</li>
<li>Configurable behavior: loop, touch navigation, zoom.</li>
<li>Local vendor assets by default (no hard dependency on external CDNs).</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.0+</li>
<li>PHP 7.0+</li>
<li>A block-based setup (Gutenberg) is recommended.</li>
</ul>
<h3>How to enable EC Lightbox on a Gallery block</h3>
<ol>
<li>Insert a <strong>Gallery</strong> block.</li>
<li>Select the <strong>Gallery block itself</strong> (not a single image inside it).</li>
<li>In the block sidebar, configure:
<ul>
<li><strong>Link to</strong> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <code>None</code></li>
<li>Disable <strong>“Open in lightbox” / “Enlarge on click”</strong> if present.</li>
</ul>
</li>
<li>Open the <strong>Advanced</strong> panel.</li>
<li>
<p>Add the following class:<br />
ec-lightbox</p>
</li>
<li>
<p>Update or publish the post.</p>
</li>
</ol>
<p>When users click an image inside that gallery, EC Lightbox will open and allow navigation through the gallery.</p>
<p>Note:<br />
Make sure individual images inside the gallery do <strong>not</strong> have click settings assigned.<br />
If these WP-native actions remain enabled, WordPress will attach its own click/lightbox behavior, overriding this plugin.</p>
<h3>⚙️ Settings Page (WordPress Admin)</h3>
<p>A configuration screen is available at:</p>
<p><strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> EC Lightbox</strong></p>
<p>Available options:</p>
<ul>
<li><strong>Loop images</strong>  </li>
<li><strong>Enable touch navigation</strong>  </li>
<li><strong>Enable zoom</strong>  </li>
<li><strong>Autoplay videos</strong> (for future video support)</li>
</ul>
<p>All settings are passed directly to the lightbox JavaScript on initialization.</p>
<h3>🧩 Filters & Developer API</h3>
<h3>1. Modify GLightbox options programmatically</h3>
<pre><code>`php
</code></pre>
<p>add_filter( ‘ec_lightbox_js_options’, function ( $options ) {<br />
    $options[‘loop’] = true;<br />
    $options[‘zoomable’] = false;<br />
    $options[‘openEffect’] = ‘zoom’;   // Any GLightbox option is accepted<br />
    return $options;<br />
});<br />
    `<br />
Options merged from:<br />
1. Plugin defaults<br />
2. Admin settings<br />
3. This filter (highest priority)</p>


EC Lightbox

EC Lightbox is a minimal WordPress plugin that adds a modern lightbox to galleries using GLightbox.

Dougal Campbell

<p>FancyBox Gallery integrates the FancyBox jQuery plugin into the WordPress<br />
gallery functionality. Simply use the gallery shortcode to display<br />
thumbnails in your posts with the option to link directly to the images (not<br />
the attachment template), and the plugin handles the rest. You get nice<br />
popups for the larger sized images, scaled to fit in the browser window,<br />
with a nice overlay effect.</p>
<h4>Features:</h4>
<ul>
<li>Automatically scales large images to fit in window</li>
<li>Adds a nice drop shadow under the zoomed item</li>
<li>Groups related items and adds navigation through them (uses preloading)</li>
</ul>
<p>FancyBox jQuery features, not yet implemented in the WordPress plugin:</p>
<ul>
<li>Can display images, inline and iframed content</li>
<li>Customizable through settings and CSS</li>
</ul>
<h3>ToDo</h3>
<ul>
<li>Add a settings screen. Allow control of FancyBox display options.</li>
<li>Let user set their own CSS selector, instead of assuming the standard<br />
WordPress shortcode.</li>
</ul>
<h3>Credits</h3>
<p>The FancyBox jQuery plugin is by Janis Skarnelis, and can be found here:</p>
<p>http://fancy.klade.lv/</p>


FancyBox Gallery

Integrates the FancyBox jQuery plugin to generate dynamic pop-up image overlays for WordPress galleries.

EC Lightbox vs FancyBox Gallery