daniloercoli

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>.
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.
<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 Settings page 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 Gallery block.</li>
<li>Select the Gallery block itself (not a single image inside it).</li>
<li>In the block sidebar, configure:
<ul>
<li>Link to → <code>None</code></li>
<li>Disable “Open in lightbox” / “Enlarge on click” if present.</li>
</ul>
</li>
<li>Open the Advanced panel.</li>
<li>
Add the following class: 
ec-lightbox
</li>
<li>
Update or publish the post.
</li>
</ol>
When users click an image inside that gallery, EC Lightbox will open and allow navigation through the gallery.
Note: 
Make sure individual images inside the gallery do not have click settings assigned. 
If these WP-native actions remain enabled, WordPress will attach its own click/lightbox behavior, overriding this plugin.
<h3>⚙️ Settings Page (WordPress Admin)</h3>
A configuration screen is available at:
Settings → EC Lightbox
Available options:
<ul>
<li>Loop images </li>
<li>Enable touch navigation </li>
<li>Enable zoom </li>
<li>Autoplay videos (for future video support)</li>
</ul>
All settings are passed directly to the lightbox JavaScript on initialization.
<h3>🧩 Filters & Developer API</h3>
<h3>1. Modify GLightbox options programmatically</h3>
<pre><code>`php
</code></pre>
add_filter( ‘ec_lightbox_js_options’, function ( $options ) { 
 $options[‘loop’] = true; 
 $options[‘zoomable’] = false; 
 $options[‘openEffect’] = ‘zoom’; // Any GLightbox option is accepted 
 return $options; 
}); 
 ` 
Options merged from: 
1. Plugin defaults 
2. Admin settings 
3. This filter (highest priority)

EC Lightbox

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

Hiroaki Miyashita

Importance: 
From 0.7.1, the default view changed to Colorbox due to the license regulation by the plugin directory. If you would prefer the prior Lightbox to Colorbox, you need to get the script from the setting page.
The Lightbox Gallery plugin changes the view of galleries to the lightbox.
<ul>
<li>Lightbox display of Gallery</li>
<li>Tooltip view of caption of images </li>
<li>Displays the associated metadata with images</li>
<li>Divides Gallery into several pages</li>
<li>Extends the default Gallery options</li>
<li>Additional settings are set in the option page</li>
<li>Switch to the Highslide JS display</li>
</ul>
You can also make regular images appear in a lightbox. See Faq.
Localization
<ul>
<li>Brazilian Portuguese (pt_BR) – <a href="http://www.emmanuelcarvalho.com.br/" rel="nofollow ugc">Emmanuel Carvalho</a></li>
<li>Belorussian (by_BY) – <a href="http://antsar.info/" rel="nofollow ugc">ilyuha</a></li>
<li>Czech (cs_CZ) – <a href="http://blog.vlastenci.cz/" rel="nofollow ugc">Petufo</a></li>
<li>Spanish (es_ES) – <a href="http://www.bluebrain.es/" rel="nofollow ugc">Daniel Tarrero</a></li>
<li>Danish (da_DK) – <a href="http://www.clmedia.dk" rel="nofollow ugc">Jacob Voldby</a></li>
<li>German (de_DE) – Michael Wruck and Tacitus Media</li>
<li>Farsi (fa_IR) – <a href="http://webdata.in/" rel="nofollow ugc">Ehsan Razavi</a></li>
<li>French (fr_FR) – <a href="http://www.benletibetain.net/" rel="nofollow ugc">BenLeTibetain</a></li>
<li>Hindi (hi_IN) – <a href="http://outshinesolutions.com/web-hosting/web-hosting-india.html" rel="nofollow ugc">Outshine Solutions</a></li>
<li>Croatian (hr) – <a href="http://aciddot.com/" rel="nofollow ugc">Tomislav Konestabo</a></li>
<li>Hungarian (hu_HU) – <a href="http://www.google.com/profiles/zsolt.vereb" rel="nofollow ugc">Zsolt Vereb</a> and <a href="http://feriman.com/" rel="nofollow ugc">Feriman</a></li>
<li>Italian (it_IT) – <a href="http://gidibao.net/" rel="nofollow ugc">Gianni Diurno</a></li>
<li>Japanese (ja) – <a href="https://wpgogo.com/" rel="nofollow ugc">Hiroaki Miyashita</a></li>
<li>Dutch (nl_NL) – <a href="http://www.peterarends.net/" rel="nofollow ugc">Peter Arends</a></li>
<li>Polish (pl_PL) – Otmar</li>
<li>Romanian (ro_RO) – <a href="http://www.jibo.ro/" rel="nofollow ugc">Anunturi Jibo</a></li>
<li>Russian (ru_RU) – <a href="http://www.fatcow.com/" rel="nofollow ugc">Fat Cow</a></li>
<li>Slovak (sk_SK) – <a href="http://www.brozman.sk/blog/" rel="nofollow ugc">Viliam Brozman</a></li>
<li>Swedish (sv_SE) – <a href="http://nemrod.se/" rel="nofollow ugc">Anders Martensson</a></li>
<li>Turkish (tr_TR) – <a href="http://www.dmry.net/" rel="nofollow ugc">Hakan Demiray</a></li>
<li>Ukrainian (uk_UA) – <a href="http://wpp.pp.ua/" rel="nofollow ugc">Vitalij Lew</a></li>
<li>Simplified Chinese (zh_CN) – <a href="http://www.inanu.net/" rel="nofollow ugc">leonanu</a></li>
</ul>
If you have translated into your language, please let me know.
Are you interested in other plugins? See the following site <a href="https://www.cmswp.jp/" rel="nofollow ugc">CMS x WP</a>.
<h3>How to use</h3>
How to use this plugin is basically the same as the way to add [gallery] which has been adopted 
by over WordPress 2.5. Lightbox Gallery plugin automatically converted the default view of gallery 
into the lightbox view. Photo captions are displayed as tooltips. Photo descriptions are displayed 
when the lightbox pops up.
<h3>Advanced settings</h3>
There are three additional options to extend the shorttag [gallery].
<ul>
<li>lightboxsize</li>
</ul>
The image size when the lightbox pops up. The default is medium, but you can change to full.
[gallery lightboxsize=”full”]
<ul>
<li>meta</li>
</ul>
Defines whether the exif information is displayed. The default is false. 
If you want to show the photo info, set true. The exif shown on the lightbox includes camera body, 
aperture, focal length, shutter speed, and created timestamp.
[gallery meta=”true”]
<ul>
<li>class</li>
</ul>
Adds a class attribute of the gallery. The default is <code>gallery1</code>.
[gallery class=”gallery2″]
<ul>
<li>nofollow</li>
</ul>
Adds the attribute, rel=”nofollow”. The default is false.
[gallery nofollow=”true”]
<ul>
<li>from, num</li>
</ul>
Defines from which and how many photos are displayed. 
If the number of photos is over that of <code>num</code>, the navigation will be shown. 
You can use the navigation option almost same as the <code>wp_link_pages</code> function.
[gallery from=”5″ num=”10″]
<ul>
<li>pagenavi</li>
</ul>
If you would like not to show the navigation, set <code>0</code>. The default is <code>1</code>.
[gallery num=”10″ pagenavi=”0″]
<ul>
<li>colorbox_settings</li>
</ul>
You can set the additional settings for Colorbox. See <a href="http://www.jacklmoore.com/colorbox/" rel="nofollow ugc">Colorbox official site</a>.
[gallery colorbox_settings=”transition:’fade’, slideshow:true”]
<h3>Known Issues / Bugs</h3>
<h3>Uninstall</h3>
<ol>
<li>Deactivate the plugin</li>
<li>That’s it! 🙂</li>
</ol>

Lightbox Gallery

Really, nothing works as expected, looks broken and counter-intuitive. 

It is beyond any definition of bad

The Lightbox Gallery plugin changes the view of galleries to the lightbox.

EC Lightbox vs Lightbox Gallery