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.

www.gopiplus.com

gopiplus

<p>This plugin allows you to create lightweight JQuery fancy box popup window in your blog with custom content. In the admin interface we can easily configure popup size and timeout (i.e. show popup window based on timeout after page load). In this popup we can display any content such as Video, Image, Advertisement and much more.</p>
<p>Check official website for live demo <a href="http://www.gopiplus.com/work/2013/08/08/popup-with-fancybox-wordpress-plugin/" rel="nofollow ugc">http://www.gopiplus.com/work/2013/08/08/popup-with-fancybox-wordpress-plugin/</a></p>
<ol>
<li><a href="http://www.gopiplus.com/work/2013/08/08/popup-with-fancybox-wordpress-plugin/" rel="nofollow ugc">Live Demo</a>       </li>
<li><a href="http://www.gopiplus.com/work/2013/08/08/popup-with-fancybox-wordpress-plugin/" rel="nofollow ugc">More information</a>        </li>
<li><a href="http://www.gopiplus.com/work/2013/08/08/popup-with-fancybox-wordpress-plugin/" rel="nofollow ugc">User Comments</a></li>
<li><a href="http://www.gopiplus.com/work/2013/08/08/popup-with-fancybox-wordpress-plugin/" rel="nofollow ugc">Donate</a></li>
</ol>
<p>This plugin allows you to create lightweight JQuery fancy box popup window in your blog with custom content. In the admin interface we can easily configure popup size and timeout (i.e. show popup window based on timeout after page load). In this popup we can display any content such as Video, Image, Advertisement and much more.</p>
<p>In the admin we have standard wordpress HTML editor to create the popup message. So that we can customise the messages easily. also we have option to set expiration time for popup window. and we have option to display popup once per session, so that the popup never appear again if user navigate to another page.</p>
<h4>Advantage of this plugin</h4>
<ol>
<li>Lightweight JQuery.</li>
<li>Fancybox css in popup windows.</li>
<li>Show popup window based on timeout after page load.</li>
<li>HTML editor to create the popup message.</li>
<li>Option to set expiration time for message.</li>
<li>Option to set popup display once per session.</li>
<li>Supports localization.</li>
</ol>
<h4>Plugin configuration option</h4>
<p>Display popup in specific page/post.</p>
<p>This plugin have short code option to display the popup in specific page. Just copy and paste the plugin short code into specific posts or pages to display the popup. We can use group name or message id to display the popup.</p>
<p>Display popup in entire website.</p>
<ul>
<li>Go to widget page and drag and drop the widget Popup with fancybox into your sidebar, so that popup will display in entire website.</li>
<li>Copy and paste the given PHP code into your footer.php file, so that popup will display in the entire website.</li>
</ul>
<p>Display popup only in the home page.</p>
<ul>
<li>Download footer.php file from your theme folder.</li>
<li>Paste the given PHP code, and upload back to server.</li>
</ul>
<h4>Translators</h4>
<ul>
<li>Tamil (ta) – <a href="http://www.gopiplus.com/" rel="nofollow ugc">Gopi Ramasamy</a></li>
<li>Polish (pl) – <a href="https://www.couponmachine.in/" rel="nofollow ugc">Abdul Sattar</a></li>
</ul>


Popup with fancybox

This plugin allows you to create lightweight fancy box popup window in your blog with custom content. we can easily configure popup size and timeout.

Joli CLEAR Lightbox vs Popup with fancybox