Grzegorz Kubiszyn

<p>An easy way to create lightbox effect for WordPress editor’s gallery block. Just turn on the plugin and use powerful lightbox.</p>
<p>Just create gallery by using “gallery” block and use lightbox gallery effect powered by fslightbox.js</p>
<h3>Plugin uses</h3>
<p>Following libraries were used to create this plugin:</p>
<ol>
<li><a href="https://fslightbox.com/" title="fslightbox.js" rel="nofollow ugc">fslightbox.js</a></li>
<li><a href="https://github.com/ivopetkov/html5-dom-document-php" title="HTML5DOMDocument by ivopetkov" rel="nofollow ugc">HTML5DOMDocument by ivopetkov</a></li>
</ol>


Lightbox Gallery by Kodefix – Responsive Lightbox Effect for gallery block

An easy way to create lightbox effect for WordPress new editor's gallery block. Just turn on the plugin and use powerful lightbox.

David Anderson / Team Updraft

Steve Burge

andergmartins

Kevin Batdorf

DNutbourne

PublishPress

htmgarcia

matchalabs

rochdesigns

MetaSlider

<p>MetaSlider Gallery is the ultimate WordPress gallery plugin. You can build an image gallery. You can also show your images, videos, and slideshows in a beautiful gallery window. Plus, MetaSlider Gallery is deeply integrated with the <a href="https://wordpress.org/plugins/ml-slider/" rel="ugc">MetaSlider Slideshow</a> plugin so you can create stylish sliders.</p>
<p>The MetaSlider Gallery plugin allows you to create beautiful image galleries that can be placed anywhere on your WordPress site. You can also show a wide variety of media inside a lightbox gallery window, including these:</p>
<ul>
<li>Images</li>
<li>Image galleries</li>
<li>Videos hosted on WordPress sites</li>
<li>Vimeo videos</li>
<li>YouTube Videos</li>
<li>Featured images</li>
<li><a href="https://wordpress.org/plugins/ml-slider/" rel="ugc">MetaSlider slideshows</a></li>
</ul>
<h3>Create stylish image galleries</h3>
<p>MetaSlider Gallery allows you to create stylish image galleries that work with the block editor, the Classic Editor, and any page-builder. To create a new gallery, find the “Galleries” screen.</p>
<p>There are five layouts available for your image gallery: Grid, Masonry, Justified, Carousel, and Showcase.</p>
<ul>
<li><strong>Grid</strong>: Show your images in rows and columns. Each row and column will be the same size.</li>
<li><strong>Masonry</strong>: Show the images in a grid-like layout, but this approach has a flexible placement that fills gaps left by shorter items.</li>
<li><strong>Justified</strong>: This allows each image to keep its original aspect ratio, so it won’t always be possible to fill each row edge-to-edge.</li>
<li><strong>Carousel</strong>: Show one main image at the time. The visitor can use arrows or the thumbnail navigation to browse to the next image.</li>
<li><strong>Showcase</strong>: Shows one image at a time. In this layout, the arrows and the thumbnail navigation are both underneath the image.</li>
</ul>
<p><a href="https://www.metaslider.com/docs/create-image-galleries/" rel="nofollow ugc">See how to create WordPress image galleries</a>.</p>
<h3>Show your single images in a gallery window</h3>
<p>You can really enhance your WordPress media with gallery windows. Visitors can view your images or videos and then open them inside a modal. This can make the image or video larger and also darken the background so it’s easier to focus on the media.</p>
<p>MetaSlider Gallery allows you to add gallery windows to images in your WordPress post content. You can choose to automatically add the gallery window to all images, or you can do it manually via the “Enlarge on click” setting. This works with both the block editor and the Classic Editor. You can also use this gallery window with page-builders such as Elementor, Divi, and Beaver Builder, thanks to the CSS feature.</p>
<p><a href="https://www.metaslider.com/docs/images-lightbox-modal/" rel="nofollow ugc">Click here to see more gallery windows with images</a>.</p>
<h3>Show your image galleries in a stylish window</h3>
<p>MetaSlider Gallery allows you to add gallery windows to image galleries in your WordPress post content. You can choose to automatically add the gallery window to all images, or you can do it manually via the “Enlarge on click” setting. Each image in your gallery can get its own gallery window setting.</p>
<p><a href="https://www.metaslider.com/docs/image-galleries-lightbox-modal/" rel="nofollow ugc">Click here to see more gallery windows with image galleries</a>.</p>
<h3>Show your videos in a gallery window</h3>
<p>You can use the MetaSlider Gallery plugin to show videos inside a gallery window modal window. The MetaSlider Gallery plugin supports videos hosted inside your WordPress media library. You can use MetaSlider Gallery to showcase your .MP4, .WebM, and .MOV videos.</p>
<p><a href="https://www.metaslider.com/docs/video-lightbox" rel="nofollow ugc">Click here to see more gallery windows with local videos</a>.</p>
<h3>Show your YouTube videos in a gallery window</h3>
<p>MetaSlider Gallery allows you to add gallery windows to YouTube videos in your WordPress post content. You can choose to automatically add the gallery window to all YouTube images. You can use many different YouTube URL formats. <a href="https://www.metaslider.com/docs/youtube-url-formats/" rel="nofollow ugc">There’s a list of formats here</a>.</p>
<p><a href="https://www.metaslider.com/docs/youtube-videos-lightbox-modal/" rel="nofollow ugc">Click here to see more gallery windows with YouTube videos</a>.</p>
<h3>Show your Vimeo videos in a gallery window</h3>
<p>MetaSlider Gallery allows you to add gallery windows to Vimeo videos in your WordPress post content. You can choose to automatically add the gallery window to all Vimeo videos</p>
<p><a href="https://www.metaslider.com/docs/vimeo-videos-lightbox-modal/" rel="nofollow ugc">Click here to see more gallery windows with Vimeo videos</a>.</p>
<h3>Add a gallery window to your MetaSlider Slideshows</h3>
<p>The MetaSlider Gallery plugin connects deeply with the MetaSlider Slideshow plugin.</p>
<p>A slideshow allows you to create a beautiful showcase of images or videos for your visitors. You can enhance your slideshow with a gallery window. Visitors can view your slideshow and then click on an image and see a larger, higher-resolution version of the image. Often the background is darkened so that the viewer’s eyes can focus on the image alone.</p>
<p><a href="https://www.metaslider.com/docs/slideshows-lightbox-modal/" rel="nofollow ugc">Click here to see more gallery windows with MetaSlider slideshows</a>.</p>
<h3>Design Options for MetaSlider Gallery</h3>
<p>The MetaSlider Gallery plugin has a wide range of design options to allow to customize the gallery window effect. You can customize the gallery window background and overlay appearance. You can choose the navigation icons (close, previous, next arrows) that appear in all gallery windows. You can modify the “Open in lightbox window” option that can be added to media.</p>
<p><a href="https://www.metaslider.com/docs/design-options-for-metaslider-lightbox/" rel="nofollow ugc">Click here to see gallery window design options</a>.</p>


MetaSlider Gallery – Image Gallery, Lightbox Galleries, Modal Windows

MetaSlider Gallery is the ultimate gallery plugin. Build an image gallery, or show your images, videos, and slideshows in a beautiful gallery window.

Lightbox Gallery by Kodefix – Responsive Lightbox Effect for gallery block vs MetaSlider Gallery – Image Gallery, Lightbox Galleries, Modal Windows