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.

Liton Arefin

Babar

<p><a href="https://master-addons.com" rel="nofollow ugc">Master Addons</a> is Collection of Exclusive & Unique Addons for Elementor Page Builder. This Plugin that gives you full control over Images to show in your website.</p>
<blockquote>
<p>Don’t forget to check <a href="https://wordpress.org/plugins/master-addons/" rel="ugc">Master Addons for Elementor</a><br />
  Includes 50+ Addons, 15+ Extensions & 1000+ Landing Pages.<br />
  <a href="https://master-addons.com/all-widgets/" rel="nofollow ugc">All Addons</a> | <a href="https://master-addons.com/contact-us/" rel="nofollow ugc">Support</a> | <a href="https://master-addons.com/docs/" rel="nofollow ugc">Docs</a> | <a href="https://www.youtube.com/watch?v=wXPEl93_UBw&list=PLqpMw0NsHXV9V6UwRniXTUkabCJtOhyIf" rel="nofollow ugc">Tutorials</a> | <a href="https://master-addons.com/go/upgrade-pro/" rel="nofollow ugc">Upgrade Pro</a></p>
<p>Get 20% Discount now, Coupon Code: ENJOY20  <a href="https://master-addons.com/go/upgrade-pro/" rel="nofollow ugc">Purchase Now</a></p>
</blockquote>
<h3>Installation Video Tutorial:</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/dr7su8U88Yo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>Elementor Tutorial:</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/c18zDqpnCWE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p><strong>WordPress prettyPhoto</strong> is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox.</p>
<p>It is very easy to setup, yet very flexible if you want to customize it a bit. Plus the script is compatible in every major browser, even IE6.<br />
For a installation guide checkout the <strong>Installation</strong> tab above.</p>
<p><strong>Usage Guide:</strong> It’s very easy to implement. Just use a rel=”prettyPhoto” attribute with the link tags you want to pop up and that’s all. You’re ready to rock.</p>
<p>Example: <code><a href="images.jpg" rel="prettyPhoto" title="This is the description"><img src="thumbnail.jpg" width="60" height="60" alt="This is the title" /></a></code><br />
A set of short codes to use with visual editor of post/page is being cooked.</p>
<p>Make sure that your theme is WordPress header and footer tag enabled otherwise this plugin won’t work.</p>


PrettyPhoto – Simple Lightbox Plugin

An easy to use lightbox/thickbox clone for WordPress. Prettyphoto Elementor Addon supports

Joli CLEAR Lightbox vs PrettyPhoto – Simple Lightbox Plugin