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.

Dougal Campbell

<p>FancyBox Gallery integrates the FancyBox jQuery plugin into the WordPress<br />
gallery functionality. Simply use the gallery shortcode to display<br />
thumbnails in your posts with the option to link directly to the images (not<br />
the attachment template), and the plugin handles the rest. You get nice<br />
popups for the larger sized images, scaled to fit in the browser window,<br />
with a nice overlay effect.</p>
<h4>Features:</h4>
<ul>
<li>Automatically scales large images to fit in window</li>
<li>Adds a nice drop shadow under the zoomed item</li>
<li>Groups related items and adds navigation through them (uses preloading)</li>
</ul>
<p>FancyBox jQuery features, not yet implemented in the WordPress plugin:</p>
<ul>
<li>Can display images, inline and iframed content</li>
<li>Customizable through settings and CSS</li>
</ul>
<h3>ToDo</h3>
<ul>
<li>Add a settings screen. Allow control of FancyBox display options.</li>
<li>Let user set their own CSS selector, instead of assuming the standard<br />
WordPress shortcode.</li>
</ul>
<h3>Credits</h3>
<p>The FancyBox jQuery plugin is by Janis Skarnelis, and can be found here:</p>
<p>http://fancy.klade.lv/</p>


FancyBox Gallery

Integrates the FancyBox jQuery plugin to generate dynamic pop-up image overlays for WordPress galleries.

WP fancybox vs FancyBox Gallery