Den Media

<h4>English</h4>
<p>Just install and activate this plugin and all images and galleries that are added to the website page will automatically open in a light-box.<br />
It is important to point out that the image or gallery should open media files! (See screenshots)</p>
<h4>Русский</h4>
<p>Просто установите и активируйте данный плагин и все изображения и галлереи, добавленные на страницы сайта автоматически будут открываться в лайт-боксе.<br />
Важно указать, что изображение или галлерея должна открывать медиафайл! (смотрите скриншоты)</p>
<h3>Assets</h3>
<p>I’am use nice JS scripts “PhotoSwipe v4.1.1”, read more on: http://photoswipe.com/<br />
This is git: https://github.com/dimsemenov/photoswipe</p>


hiWeb Lightbox

An easy way to install on your website lightbox for images and galleries. Without setting.

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.

hiWeb Lightbox vs WP fancybox