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.

Savvas

<p>An easy way to integrate either v1 or v2 of lightGallery JavaScript to WordPress. lightGallery is a lightweight, modular, JavaScript library for creating beautiful image & video galleries for the web and the mobile</p>
<h4>Features</h4>
<p>In <strong>Settings > Simple lightGallery</strong> you can find several options to control in which parts of your site the lightGallery will be loaded.</p>
<p>Some of lightGallery core features (<a href="https://www.lightgalleryjs.com/docs/getting-started/" rel="nofollow ugc">taken from lightGallery officially site</a>)</p>
<ul>
<li>Fully responsive.</li>
<li>Modular architecture with built in plugins.</li>
<li>Highly optimized for touch devices.</li>
<li>Mouse drag supports for desktops.</li>
<li>Double-click/Double-tap to see actual size of the image.</li>
<li>Animated thumbnails.</li>
<li>Social sharing.</li>
<li>And many more.</li>
</ul>
<h4>Usage</h4>
<ol>
<li>Select in which post_types and taxonomies you want the lightGallery to be loaded.</li>
<li>Make sure you are using the correct <a href="https://www.lightgalleryjs.com/docs/getting-started/#the-markup" rel="nofollow ugc">markup</a> and the appropriate <a href="https://www.lightgalleryjs.com/docs/getting-started/#initialize-lightgallery" rel="nofollow ugc">initialization</a> for your galleries.</li>
<li>If you want to use lightGallery with WP native <code>[gallery]</code> shortcode make sure to use it with the option <code>link="file"</code>.</li>
</ol>
<ul>
<li>For more usage tips, go to <a href="https://www.lightgalleryjs.com/" rel="nofollow ugc">lightGallery officially site</a></li>
</ul>


Simple lightGallery


This plugin is simple, lightweight, and has great support! It worked exactly as described and now my galleries are beautiful and accessible!


fantastic implementation of LightGalleryJS in Wordpress

An integration of lightGallery JavaScript v1 and v2 to WordPress

Vertically Responsive Images vs Simple lightGallery