WPJoli

<p>Supercharge your image & gallery links by displaying a simple, modern, & powerful lightbox.</p>
<p>Works with native guttenberg image/gallery blocks.</p>
<h4>⭐ CHECK OUR OTHER PLUGINS</h4>
<ul>
<li><a href="https://wordpress.org/plugins/joli-faq-seo/" rel="ugc">Joli FAQ SEO</a></li>
<li><a href="https://wordpress.org/plugins/joli-table-of-contents/" rel="ugc">Joli Table Of Contents</a></li>
</ul>
<h3>Why should I choose Joli CLEAR Lightbox over another plugin ?</h3>
<ul>
<li>It does not rely on jQuery</li>
<li>It does not load unless it has to.</li>
<li>It has a very small footprint (only one minified .css file (4Ko) & one minified .js file (8Ko)) </li>
<li>Icons are made from pure CSS, there is no extra images loading.</li>
<li>It does not provide a bunch of heavy unnecessary features.</li>
<li>It loads after your content.</li>
<li>It is meant to remain simple yet offering full customization.</li>
<li>It has been made with love.</li>
</ul>
<p><strong>Dependency-free</strong>: No jQuery, only pure JavaScript.</p>
<p><strong>Performance friendly</strong>: Styles/Scripts DO NOT load if there are no image links within the content.</p>
<p>Joli <strong>CLEAR</strong> Lightbox stands for the following:</p>
<p><strong>C</strong>ustomizable</p>
<p><strong>L</strong>ightweight</p>
<p><strong>E</strong>legant</p>
<p><strong>A</strong>ccessible</p>
<p><strong>R</strong>esponsive.</p>
<h4>Features</h4>
<ul>
<li>Display on posts or pages</li>
<li>Customize media types (jpg, png, gif etc)</li>
<li>Transparent GIF/PNG support</li>
<li>Fully responsive with swipe gestures.</li>
<li>Dark & Light color scheme</li>
<li>Enable/disable Loop over when the first/last image has been reached</li>
<li>Enable/disable Esc key to close the lightbox</li>
<li>Enable/disable Arrow keys navigation</li>
<li>Enable/disable Close on click-away</li>
<li>Display/hide counter</li>
<li>Display/hide caption</li>
<li>Customizable Vertical/horisontal paddings</li>
<li>Customizable background color</li>
<li>Customizable background opacity</li>
<li>Enable/disable background blue</li>
<li>Customizable navigation buttons height</li>
<li>Enable/disable frame border</li>
<li>Developer-friendly. Hooks provided. (See below for details).</li>
</ul>
<h4>Pro Features</h4>
<p><a href="https://wpjoli.com/joli-clear-lightbox/" title="Joli CLEAR Lightbox Pro" rel="nofollow ugc">Get Joli CLEAR Lightbox Pro</a></p>
<ul>
<li>All of the free features.</li>
<li>AmbiBackground™: this unique feature makes the background have the same color tone as the current image. It provides a beautiful immersion to the viewer.</li>
<li><strong>Custom Post Type</strong> Support.</li>
<li><strong>14+ Themes Included</strong>.</li>
<li>Customizable idle timer.</li>
<li>Customizable Maximum image height.</li>
<li>Customizable Maximum image width.</li>
<li>Customizable Border width.</li>
<li>Customizable Rounded corners radius.</li>
<li>Customizable Border opacity.</li>
<li>Enable/disable Frame shadow.</li>
<li>Customizable Image rounded corners radius.</li>
<li>Force <strong>Enable/Disable</strong> Lightbox per post settings.</li>
<li>Override global theme per post settings.</li>
</ul>
<p><em>Supported post types:</em><br />
* Post<br />
* Pages<br />
* Custom Post Type <strong><em>(Pro only)</em></strong></p>
<h3>Hooks</h3>
<p><strong>How to use ?</strong></p>
<p>Copy & paste the code examples below into your theme’s functions.php file:</p>
<h4>Filters</h4>
<ul>
<li><code>joli_clear_lightbox_disable_lightbox</code></li>
</ul>
<p>Globally disables Joli CLEAR Lightbox site-wide.</p>
<pre><code>add_filter('joli_clear_lightbox_disable_lightbox', function(){ return true; });
</code></pre>
<ul>
<li><code>joli_clear_lightbox_options</code></li>
</ul>
<p>Customizes the options programmatically.</p>
<pre><code>add_filter('joli_clear_lightbox_options', 'my_custom_options_function');
</code></pre>
<h4>Actions</h4>
<ul>
<li><code>joli_clear_lightbox_before_rendering</code><br />
Do something before rendering the lightbox</li>
</ul>


Joli CLEAR Lightbox

Ultralight Lightbox for WordPress. Designed for Speed. No jQuery. Responsive with gestures. Simple, Elegant, yet highly Customizable.

Leonardo Giacone

<p>Easy SwipeBox plugin for WordPress websites gives you a flexible, aesthetic and mobile-friendly Lightbox solution for just about all media links on your website. Easy SwipeBox uses the packed <a href="http://brutaldesign.github.io/swipebox/?source=easy-swipebox-wp-plugin" rel="nofollow ugc">SwipeBox</a> and is multisite compatible.</p>
<h4>Main features</h4>
<ol>
<li>Enqueuing of SwipeBox Javascript and CSS files.</li>
<li>Customization of SwipeBox lightbox appereance and behaviour from the Lightbox Settings page.</li>
<li>Autodetection of links to images or videos. You can exclude/include media types from the Autodetection Settings page.</li>
<li>Other geek settings in the Advanced Settings page.</li>
</ol>
<h4>Autodetection</h4>
<p>Select one or more options from Autodetection setting page, Easy SwipeBox automatically detects the media type and add <code>class="swipebox"</code> to their links.<br />
Otherwise, add <code>class="swipebox"</code> yourself to make the magic happen.</p>
<p>If you like to exclude some images or videos from autodetection enter the selector that groups these elements.<br />
By default, Easy SwipeBox uses <code>.no-swipebox</code>.</p>
<h4>Contribution</h4>
<p>There are many ways to contribute to this plugin:</p>
<ol>
<li>Report a bug, submit pull request or new feature proposal: visit the <a href="https://github.com/leopuleo/easy-swipebox" rel="nofollow ugc">Github repo</a>.</li>
<li>Translate it in your language: visit the <a href="https://translate.wordpress.org/projects/wp-plugins/easy-swipebox" rel="nofollow ugc">WordPress translation page</a>.</li>
<li>Rate it 5 stars on <a href="https://wordpress.org/support/view/plugin-reviews/easy-swipebox?filter=5#postform" rel="ugc">WordPress.org</a>.</li>
<li><a href="//paypal.me/LeonardoGiacone" rel="nofollow ugc">Buy me a beer!</a></li>
</ol>
<h4>Support</h4>
<p>Need help? Read the <a href="https://wordpress.org/plugins/easy-swipebox/faq/" rel="ugc">FAQ</a> or visit the <a href="https://wordpress.org/support/plugin/easy-swipebox" rel="ugc">WordPress.org</a> support page / <a href="https://github.com/leopuleo/easy-swipebox/issues" rel="nofollow ugc">Github Issue Tracker</a>.</p>
<p>Note: this plugin use SwipeBox jQuery plugin as Lightbox solution. For any issues and pull requests related to SwipeBox functionalities please visit the <a href="https://github.com/brutaldesign/swipebox" rel="nofollow ugc">SwipeBox Repo</a>.</p>


Easy SwipeBox

Swipebox is a great mobile-first image viewer. This plugin Just Works™, and it has an excellent admin panel exposing all the Swipebox settings.

If I had one feature requests, it's that I'd like photos to be grouped by post, instead of putting every image on the page into the same group. 

If you are currently using my old WP-jQuery Lightbox, strongly consider replacing it with Easy SwipeBox. It is better maintained, and provide a better experience on mobile devices. 

Thanks Leonardo for putting this together!

Great!

Easily enable the SwipeBox jQuery extension on all media links. Optimized for responsive layouts and touch devices.

Joli CLEAR Lightbox vs Easy SwipeBox