damiroquai

Simple Fancybox for WordPress image gallery. Works for both, shortcode gallery in classic editor and Gutenberg blocks. Install and activate, nothing else to set up here. Fancybox will work for WordPress galleries. Only important thing is to set link to file, we don’t want to open attachment page. By default, the plugin will use jQuery to apply FancyBox to any thumbnails that link directly to an image.
Fancybox includes support for touch gestures and even supports pinch gestures for zooming. It is perfectly suited for both mobile and desktop browsers.
Fancybox has been tested in following browsers/devices:
<ul>
<li>Chrome</li>
<li>Firefox</li>
<li>IE10/11</li>
<li>Edge</li>
<li>iOS Safari</li>
<li>Android 7.0 Tablet</li>
</ul>
<a href="https://wordpress.transformnews.com/plugins/simple-fancybox-1437" rel="nofollow ugc">Plugin Home + Demo URL</a>
Original fancybox script is licensed under the GPLv3 license for all open source applications. A commercial license is required for all commercial applications (including sites, themes and apps you plan to sell).

Simple Fancybox

Plugin will integrate Fancybox, the world’s most popular lightbox script.

Noor Alam

<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.
<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>
Image in lightbox
Create a new post/page and use the following shortcode to create a text/image link which will open lightbox once clicked:
<pre><code>[wp_fancybox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" hyperlink="click here to pop up image"]
</code></pre>
here, url is the link to the media file that you wish to open in lightbox and hyperlink is the anchor text/image.
<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>
YouTube video in lightbox
<pre><code>[wp_fancybox_media url="https://www.youtube.com/watch?v=Vpg9yizPP_g" hyperlink="click here to pop up youtube video"]
</code></pre>
Vimeo video in lightbox
<pre><code>[wp_fancybox_media url="https://vimeo.com/1084537" hyperlink="click here to pop up vimeo video"]
</code></pre>
Alternate Text for an Image
<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>
Custom CSS
You can specify your own CSS class in the shortcode to customize a text/image link.
<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>
Multiple CSS classes can be separated with a space. For example:
<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>
For detailed documentation please visit the <a href="https://noorsplugin.com/wordpress-fancybox-plugin/" rel="nofollow ugc">WordPress fancybox</a> plugin page

WP fancybox

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

Simple Fancybox vs WP fancybox