Evan Solomon

<p>Usually when we talk about making something responsive, we mean horizontally.  But it’s annoying when tall images overflow a short laptop screen.  This resizes those images on the fly to fit the user’s window.  Optionally disable it for individual images by adding a <code>do-not-resize</code> class.</p>


Vertically Responsive Images

Resize images on the fly to make sure the whole thing fits into the user's window.

Noor Alam

<p><a href="https://noorsplugin.com/responsive-lightbox2-plugin-for-wordpress/" rel="nofollow ugc">Responsive Lightbox2</a> plugin adds lightbox functionality to your WordPress site. It allows you to overlay images on top of the current page. You can add this lightbox popup effect to your website images, photos, album or even gallery. Responsive Lightbox2 is responsive and works on all modern browsers.</p>
<p>Responsive Lightbox2 is very user friendly so there is absolutely nothing for you to configure in the lightbox settings. All you need to do is install this plugin and add shortcode to a page to create beautiful lightbox popup.</p>
<p>Responsive Lightbox2 plugin is based on the original jQuery Lightbox script developed by Lokesh Dhakar. This plugin makes it possible for users to add  Lightbox2 effect to their WordPress sites.</p>
<h4>Requirements</h4>
<ul>
<li>Latest version of WordPress</li>
</ul>
<h4>Feature</h4>
<ul>
<li>Beautiful lightbox popup style</li>
<li>Flexibility of creating your own lightbox link</li>
<li>Pop up responsive images in lightbox</li>
<li>Trigger lightbox from either a text/image link</li>
<li>Compatible with WordPress multisite</li>
<li>Add lightbox to a text/image link</li>
<li>Enable lightbox functionality on your site which supports all major browsers</li>
<li>Use a simple shortcode anywhere on your site (Post, Page, Homepage etc.)to pop up an image in lightbox</li>
<li>Apply lightbox effect on images inserted into WordPress post/page</li>
<li>Add lightbox effect to an album or photo gallery</li>
<li>Add lightbox effect to a gallery of images</li>
<li>Responsive lightbox2 popup which works on mobile devices. Also it fits perfectly on smaller screens.</li>
</ul>
<h4>Responsive Lightbox2 Usage</h4>
<p><strong>Open lightbox from a text</strong></p>
<p>Create a new post/page and use the following shortcode to create a text link which will trigger lightbox once clicked:</p>
<pre><code>[lightbox2 url="http://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 image file that you wish to open in lightbox and hyperlink is the anchor text.</p>
<p><strong>Open lightbox from an image</strong></p>
<pre><code>[lightbox2 url="http://example.com/wp-content/uploads/images/overlay.jpg" hyperlink="http://example.com/wp-content/uploads/images/thumb.jpg"]
</code></pre>
<p>here, hyperlink is the anchor/thumbnail image.</p>
<p><strong>Show Title in lightbox</strong></p>
<pre><code>[lightbox2 url="http://example.com/wp-content/uploads/images/overlay.jpg" title="overlay image" hyperlink="click here to pop up image"]
</code></pre>
<p>For detailed documentation please visit the <a href="https://noorsplugin.com/responsive-lightbox2-plugin-for-wordpress/" rel="nofollow ugc">Responsive Lightbox</a> plugin page</p>


Responsive Lightbox2

Add responsive lightbox effect to your images, pop up photos and photo gallery in lightbox

Vertically Responsive Images vs Responsive Lightbox2