Noor Alam

<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.
<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>
<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>
Pop up image in lightbox
Create a new post/page and use the following shortcode to create a text/image link which will trigger lightbox once clicked:
<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>
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_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>
Pop up YouTube video in lightbox
<pre><code>[wp_colorbox_media url="https://www.youtube.com/embed/nmp3Ra3Yj24" type="youtube" hyperlink="click here to pop up youtube video"]
</code></pre>
Pop up Vimeo video in lightbox
<pre><code>[wp_colorbox_media url="https://www.youtube.com/embed/1284237" type="vimeo" hyperlink="click here to pop up vimeo video"]
</code></pre>
Specify an Alternate Text for an Image
<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>
Apply Custom CSS
You can specify your own CSS class in the shortcode to customize a text/image link.
<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>
Multiple CSS classes can be separated with a space. For example:
<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>
For detailed documentation please visit the <a href="https://noorsplugin.com/wordpress-colorbox-plugin/" rel="nofollow ugc">WordPress Colorbox</a> plugin page

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.

techotronic

<a href="https://appsumo.com/search/?query=wordpress&utm_source=sumo&utm_medium=wp-widget&utm_campaign=jquery-colorbox" rel="nofollow ugc">Check out the latest WordPress deals for your site.</a>
A Colorbox/Lightbox plugin for WordPress.
jQuery Colorbox features 11 themes from which you can choose. 
Works out-of-the-box with WordPress Galleries and <a href="https://wordpress.org/extend/plugins/nextgen-gallery/" rel="ugc">NextGEN Gallery</a>! (choose no effect in NextGEN settings)
When adding an image to a post or page, usually a thumbnail is inserted and linked to the image in original size. 
All images in posts and pages can be displayed in a Lightbox/colorbox when the thumbnail is clicked. 
Images are grouped as galleries when linked in the same post or page. Groups can be displayed in a slideshow within the Lightbox/colorbox.
Individual images can be excluded by adding a special CSS class.
jQuery Colorbox can also open linked content (external as well as inline) in a Lightbox/Colorbox.
For more information visit the <a href="https://wordpress.org/extend/plugins/jquery-colorbox/faq/" rel="ugc">FAQ</a>. 
If you have questions or problems, feel free to write an entry at <a href="https://wordpress.org/tags/jquery-colorbox?forum_id=10" rel="ugc">the jQuery Colorbox WordPress.org forum</a>
Localization
<ul>
<li>Arabic (<code>ar</code>) by <a href="http://www.photokeens.com" rel="nofollow ugc">Modar Soos</a></li>
<li>Belorussian (<code>be_BY</code>) Marcis G.</li>
<li>Bosnian (<code>bs_BA</code>) by Vedran Jurincic</li>
<li>Bulgarian (<code>bg_BG</code>) by <a href="http://nikolay.zaynelov.com" rel="nofollow ugc">Nikolay Zaynelov</a></li>
<li>Czech (<code>cs_CZ</code>) by David Weis</li>
<li>Simplified Chinese (<code>zh_CN</code>) by <a href="http://tech.yiandya.com/" rel="nofollow ugc">Lucas Ho</a></li>
<li>Danish (<code>da_DK</code>) by Michael Bering Petersen</li>
<li>Dutch (<code>nl_NL</code>) by <a href="http://nl.linkedin.com/pub/richard-laak/b/b21/672" rel="nofollow ugc">Richard van Laak</a></li>
<li>English (<code>en_EN</code>) by <a href="http://www.techotronic.de/" rel="nofollow ugc">Arne Franken</a></li>
<li>Finnish (<code>fi</code>) by <a href="http://www.merisaari.com/" rel="nofollow ugc">Lauri Merisaari</a></li>
<li>French (<code>fr_FR</code>) by <a href="http://www.monblogamoua.fr/" rel="nofollow ugc">Pierre Sudarovich</a></li>
<li>German (<code>de_DE</code>) by <a href="http://www.techotronic.de/" rel="nofollow ugc">Arne Franken</a></li>
<li>Hebrew (<code>he_IL</code>) by <a href="http://www.TommyGordon.co.il" rel="nofollow ugc">Tommy Gordon</a></li>
<li>Italian (<code>it_IT</code>) by Marco Chiesi</li>
<li>Latvian (<code>lv</code>) by Uldis Jansons</li>
<li>Malay (<code>ms_MY</code>) by <a href="http://www.inisahaini.com" rel="nofollow ugc">Saha-ini Ahmad Safian</a></li>
<li>Polish (<code>pl_PL</code>) by Kornel Łysikowski</li>
<li>Portuguese (<code>pt_BR</code>) by <a href="http://twitter.com/gervasioantonio" rel="nofollow ugc">Gervásio Antônio</a></li>
<li>Romanian (<code>ro_RO</code>) by Luke Tyler</li>
<li>Russian (<code>ru_RU</code>) by Arkadiy Florinskiy</li>
<li>Slovak (<code>sk_SK</code>) by B. Radenovich</li>
<li>Spanish (<code>es_ES</code>) by Inma P.-Zubizarreta</li>
<li>Swedish (<code>sv_SE</code>) by <a href="http://www.theindiaexperience.se/" rel="nofollow ugc">Christian</a></li>
<li>Turkish (<code>tr_TR</code>) by <a href="http://www.serhatyolacan.com/" rel="nofollow ugc">Serhat Yolaçan</a></li>
<li>Ukrainian (<code>uk</code>) by Jurko Chervony</li>
<li>Vietnamese (<code>vn_VN</code>) by Techfacts</li>
</ul>
Is your native language missing? 
Translating the plugin is easy if you understand english and are fluent in another language. 
I described in the <a href="https://wordpress.org/extend/plugins/jquery-colorbox/faq/" rel="ugc">FAQ</a> how the translation works.
Credits 
Includes <a href="http://jacklmoore.com/colorbox/" rel="nofollow ugc">ColorBox</a> 1.4.33 jQuery plugin from Jack Moore. 
The picture I used for the screenshots was designed by <a href="http://wallpapers.vintage.it/" rel="nofollow ugc">Davide Vicariotto</a>

jQuery Colorbox

This is the best WordPress plugin ever!



Best Plugin EVER!

I rarely install plugins on my client's websites but I do have a couple of "utility" plugins to make my life easier with development. This is one of them.

Have been using this plugin for years now and it is a great solution for any site that needs a colorbox effect.

Thanks for the plugin!

Easy to use and developer friendly.

Adds Colorbox/Lightbox functionality to images, grouped by post or page. Works for WordPress and NextGEN galleries. Comes with different themes.

WP Colorbox vs jQuery Colorbox