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.

Liton Arefin

Babar

<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.
<blockquote>
Don’t forget to check <a href="https://wordpress.org/plugins/master-addons/" rel="ugc">Master Addons for Elementor</a> 
 Includes 50+ Addons, 15+ Extensions & 1000+ Landing Pages. 
 <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>
Get 20% Discount now, Coupon Code: ENJOY20 <a href="https://master-addons.com/go/upgrade-pro/" rel="nofollow ugc">Purchase Now</a>
</blockquote>
<h3>Installation Video Tutorial:</h3>
<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>
Elementor Tutorial:
<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>
WordPress prettyPhoto 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.
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. 
For a installation guide checkout the Installation tab above.
Usage Guide: 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.
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> 
A set of short codes to use with visual editor of post/page is being cooked.
Make sure that your theme is WordPress header and footer tag enabled otherwise this plugin won’t work.

PrettyPhoto – Simple Lightbox Plugin

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

WP fancybox vs PrettyPhoto – Simple Lightbox Plugin