taha.tr

<p>This WordPress Plugin adds Lightbox feature to the core Gallery block with a simple toggle button. Easily enable or disable it for any gallery block by selecting ‘media file’ under the ‘link to’ dropdown. Once selected, the Lightbox toggle will appear. It also supports custom coded galleries through a filter (check FAQ).</p>
<p><a href="https://github.com/tdmrhn/dLightbox.js" rel="nofollow ugc">dLightbox.js</a> is fully responsive, supporting touch, mousewheel, keyboard, and mouse drag interactions, double click or tap/touch to zoom original image, build-in thumbnails, as well as slide counters and figcaption. With no dependency on jQuery, dLightbox.js ensures optimal viewing experiences across all devices.</p>
<p>Although extremely lightweight at only 2.78kb gzipped for both dLightbox.js and dLightbox.css, the plugin only loads assets into the page if there is a core Gallery block or custom selectors defined via a filter.</p>
<h3>Features</h3>
<ul>
<li>Enable/disable with a simple toggle button for each Gallery block individually.</li>
<li>Custom coded galleries support.</li>
<li>Supports touch, mousewheel, keyboard, and mouse drag interactions.</li>
<li>Double click or tap/touch to zoom original image.</li>
<li>Lightbox thumbnails with an easy toggle button.</li>
<li>Slide counter and figcaption support.</li>
<li>jQuery-Free, lightweight at only 2.78kb gzipped for both dLightbox.js and dLightbox.css</li>
<li>Fully responsive.</li>
</ul>


Gallery Block Lightbox

Extremely lightweight yet powerful and touch-friendly, jQuery-free, Lightbox toggle button for core Gallery block and supports custom-coded galleries.

Binsaifullah

<p><strong>MGB Masonry Image Gallery</strong> is a custom <strong>Gutenberg Block</strong> built with <strong>Gutenberg Native Components</strong>. It allows you to create an image gallery in Gutenberg Editor easily. In addition, you can style gallery images and gallery container with different options. You can also add a lightbox to the gallery images.</p>
<h3>Video Overview</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/-9urH8xNVe4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Features Included:-</h3>
<ul>
<li><strong>Build Masonry Image Gallery Easily in Gutenberg Editor.</strong></li>
<li><strong>Build with CSS for Masonry System. JS only for Lightbox</strong></li>
<li><strong>Popup Lightbox Support</strong></li>
<li><strong>Slick, light-weight, and optimized.</strong> </li>
<li><strong>Load scripts only where the block is used</strong></li>
<li>Clean Codes</li>
<li>Never slowdowns your site.</li>
<li>Highly Customizable</li>
<li><strong>Responsive and Mobile-friendly.</strong> </li>
<li>Easy to use and customizable with Gutenberg Block Editor. </li>
<li><strong>Gutenberg Native Components are used.</strong> </li>
<li><strong>No block builder</strong></li>
</ul>
<h3>Third Party Library</h3>
<p><a href="https://github.com/banthagroup/fslightbox" rel="nofollow ugc">fslightbox</a> is used to create lightbox.</p>


Masonry Image Gallery Block


Installed in more than 20 sites. Is slim and fast.


Excelent

Masonry Image Gallery is a custom Gutenberg Block built with Native Components to show image gallery in masonry style.

Gallery Block Lightbox vs Masonry Image Gallery Block