Noor Alam

<p><a href="https://noorsplugin.com/wordpress-fancybox-plugin/" rel="nofollow ugc">WP fancybox</a> plugin adds fancybox lightbox effect to your WordPress website. The lightbox looks great on desktop as well as mobile devices.</p>
<h3>WP fancybox Features</h3>
<ul>
<li>Responsive lightbox popup using fancybox</li>
<li>Designed with a mobile first approach so it looks great on desktop, mobile and tablet devices</li>
<li>Quick and easy setup</li>
<li>Open lightbox popup from either a text link or a thumbnail image link</li>
<li>YouTube video popup</li>
<li>Vimeo video popup</li>
<li>Use a simple shortcode to pop up content in lightbox</li>
</ul>
<h3>How to Use WP fancybox</h3>
<p><strong>Image in lightbox</strong></p>
<p>Create a new post/page and use the following shortcode to create a text/image link which will open lightbox once clicked:</p>
<pre><code>[wp_fancybox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" hyperlink="click here to pop up image"]
</code></pre>
<p>here, url is the link to the media file that you wish to open in lightbox and hyperlink is the anchor text/image.</p>
<pre><code>[wp_fancybox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" hyperlink="https://example.com/wp-content/uploads/images/thumb.jpg"]
</code></pre>
<p><strong>YouTube video in lightbox</strong></p>
<pre><code>[wp_fancybox_media url="https://www.youtube.com/watch?v=Vpg9yizPP_g" hyperlink="click here to pop up youtube video"]
</code></pre>
<p><strong>Vimeo video in lightbox</strong></p>
<pre><code>[wp_fancybox_media url="https://vimeo.com/1084537" hyperlink="click here to pop up vimeo video"]
</code></pre>
<p><strong>Alternate Text for an Image</strong></p>
<pre><code>[wp_fancybox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" hyperlink="https://example.com/wp-content/uploads/images/thumb.jpg" alt="Thumbnail image description"]
</code></pre>
<p><strong>Custom CSS</strong></p>
<p>You can specify your own CSS class in the shortcode to customize a text/image link.</p>
<pre><code>[wp_fancybox_media url="https://www.youtube.com/watch?v=Vpg9yizPP_g" hyperlink="click here to pop up youtube video" class="custom_class"]
</code></pre>
<p>Multiple CSS classes can be separated with a space. For example:</p>
<pre><code>[wp_fancybox_media url="https://www.youtube.com/watch?v=Vpg9yizPP_g" hyperlink="click here to pop up youtube video" class="custom_class custom_class2"]
</code></pre>
<p>For detailed documentation please visit the <a href="https://noorsplugin.com/wordpress-fancybox-plugin/" rel="nofollow ugc">WordPress fancybox</a> plugin page</p>


WP fancybox

View image, YouTube video, Vimeo video, inline HTML in lightbox. Add fancybox lightbox effect to your WordPress site.

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.

WP fancybox vs Easy SwipeBox