Noor Alam

<p><a href="https://noorsplugin.com/wordpress-colorbox-plugin/" rel="nofollow ugc">WP Colorbox</a> plugin is a simple lightbox tool for WordPress. It allows users to pop up content in lightbox using the popular jQuery ColorBox library. They can also view the larger version of a particular media file without leaving the page.</p>
<p><iframe loading="lazy" title="WordPress Colorbox Plugin -- A jQuery Lightbox Plugin for WordPress" width="750" height="422" src="https://www.youtube.com/embed/2osxJcPTS1E?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h4>Features</h4>
<ul>
<li>Beautiful lightbox popup style</li>
<li>Flexiblity of creating your own lightbox link</li>
<li>Pop up custom/HTML content in lightbox</li>
<li>Trigger lightbox from either a text/image link</li>
<li>Add lightbox to a YouTube or Vimeo video link</li>
<li>Enable lightbox functionality on your site which supports modern browsers</li>
<li>Use a simple shortcode to pop up a media file in lightbox</li>
<li>Apply lightbox effect on images inserted into WordPress post/page</li>
<li>Open external page in lightbox using iframe</li>
<li>Responsive lightbox popup which works on mobile devices. Also it fits perfectly on smaller screens.</li>
</ul>
<h4>How to Use WP Colorbox</h4>
<p><strong>Pop up image in lightbox</strong></p>
<p>Create a new post/page and use the following shortcode to create a text/image link which will trigger lightbox once clicked:</p>
<pre><code>[wp_colorbox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" type="image" 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_colorbox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" type="image" hyperlink="http://example.com/wp-content/uploads/images/thumb.jpg"]
</code></pre>
<p><strong>Pop up YouTube video in lightbox</strong></p>
<pre><code>[wp_colorbox_media url="https://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" hyperlink="click here to pop up youtube video"]
</code></pre>
<p><strong>Pop up Vimeo video in lightbox</strong></p>
<pre><code>[wp_colorbox_media url="https://www.youtube.com/embed/1284237" type="vimeo" hyperlink="click here to pop up vimeo video"]
</code></pre>
<p><strong>Specify an Alternate Text for an Image</strong></p>
<pre><code>[wp_colorbox_media url="https://example.com/wp-content/uploads/images/overlay.jpg" title="overlay image" type="image" hyperlink="http://example.com/wp-content/uploads/images/thumb.jpg" alt="Thumbnail image description"]
</code></pre>
<p><strong>Apply 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_colorbox_media url="https://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" 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_colorbox_media url="https://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" 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-colorbox-plugin/" rel="nofollow ugc">WordPress Colorbox</a> plugin page</p>


WP Colorbox

Having to go to a website to see how to use this should be a huge no-no. Will not recommend this plugin to anyone.

Missing in-plugin documentation

View image, video (YouTube, Vimeo), page, inline HTML, custom content in lightbox. Add jQuery Colorbox lightbox effect to your WordPress site.

Marcel Pol

<p>ImageViewer is an image viewer inspired by Google Photo’s.<br />
It may also look familiar to users of Ebay.com or Tweakers.net.</p>
<p>It provides a modal for images, similar to modals as lightbox, colorbox and fancybox, just in a somewhat more abstract way.</p>
<h4>Features</h4>
<ul>
<li>Smooth dragging and panning images.</li>
<li>Support touch devices.</li>
<li>Double tap to zoom in/zoom out.</li>
<li>Pinch in / pinch out to zoom in/out.</li>
<li>Snap view for easier panning and zooming experience.</li>
<li>Exposed API to control zoom programmatically.</li>
</ul>
<h4>Anti-Features</h4>
<ul>
<li>Clean user interface, no bells, no whistles, no horns.</li>
<li>Lightweight code (no PHP, 2 JS files and 1 CSS file).</li>
<li>No settings page (really).</li>
<li>No database queries.</li>
</ul>
<h4>Upstream Project</h4>
<p>You can look at <a href="https://github.com/s-yadav/iv-viewer" rel="nofollow ugc">Github</a> for the original code.<br />
This project is integrated in this WordPress plugin and all ready to use.</p>
<h4>Compatibility</h4>
<p>This plugin is compatible with <a href="https://www.classicpress.net" rel="nofollow ugc">ClassicPress</a>.</p>
<h4>Contributions</h4>
<p>This plugin is also available in <a href="https://codeberg.org/cyclotouriste/wp-imageviewer" rel="nofollow ugc">Codeberg</a>.</p>


WP ImageViewer

Simple and nice modal plugin.
It should just work on most images that provide a modal. If an image doesn't work, let me know in the support forum.

Simple and nice

A zooming and panning plugin inspired by google photos for your web images.

WP Colorbox vs WP ImageViewer