rsorangetech

RSOrangetech Gallery — Masonry & Grid is a lightweight and modern gallery plugin that lets you create beautiful image galleries with Grid and Masonry layouts. Built using WordPress best practices, it supports multiple image uploads, lazy loading, lightbox viewing, and responsive layouts—without slowing down your website.
<h4>RSOrangetech Gallery — Masonry & Grid Features</h4>
<ul>
<li>Multiple Image Upload: Upload and manage multiple images easily using the core media library with drag & drop support</li>
<li>Grid & Masonry Layouts:Choose between clean grid or modern Masonry layouts for a professional gallery display</li>
<li>Fully Responsive: Galleries adapt perfectly to all screen sizes—desktop, tablet, and mobile</li>
<li>Lazy Loading Support: Improve page speed by loading images only when they come into view</li>
<li>Lightbox View:Open images in a beautiful lightbox overlay for an enhanced user experience</li>
<li>Easy Admin Settings: Simple settings panel to control layout, columns, spacing, and performance options</li>
<li>Shortcode Support: Display galleries anywhere using a shortcode like:[rsorangetech_shortcode id=”123″]</li>
<li>Load More Button : Manually load more images without page refresh.</li>
<li>Infinite Scroll : Automatically load images while scrolling.</li>
<li>Custom Image Sizes : Optimized thumbnails and lightbox images for performance.</li>
<li>Shortcode with Overrides : Use [rsorangetech_shortcode id=”99″ layout=”masonry” columns=”4″ pagination=”yes” lazyload=”no” pagination_type=”load_more” lightbox=”yes” per_page=”6″] with layout and column overrides</li>
<li>Secure AJAX Handling: Nonce-protected requests for better security.</li>
<li>Accessibility Ready : Keyboard navigation, ARIA labels, and screen-reader support.</li>
</ul>
<a href="https://demo.rsorangetech.com/index.php/rs-gallery/" rel="nofollow ugc">Visit the RSOrangetech Gallery — Masonry & Grid Homepage</a>
<a href="https://rsorangetech.com/rs-gallery/" rel="nofollow ugc">All RSOrangetech Gallery — Masonry & Grid view</a>
<h4>Video Tutorial</h4>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/WzK_TUfFRo8?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>
Documentation
<ul>
<li><a href="https://rsorangetech.com/rs-gallery/" rel="nofollow ugc">RSOrangetech Gallery — Masonry & Grid Documentation</a></li>
</ul>
<h3>Shortcodes</h3>
[rsorangetech_shortcode id=”123″] 
[rsorangetech_shortcode id=”123″ columns=”4″] 
[rsorangetech_shortcode id=”123″ layout=”masonry”]
<h3>Third Party Libraries</h3>
This plugin bundles the following third-party libraries:
<ul>
<li>GLightbox – MIT License</li>
<li>Lazysizes – MIT License</li>
<li>Masonry – GPL compatible</li>
</ul>

RSOrangetech Gallery — Masonry & Grid

Create responsive grid and masonry image galleries with lazy load support.

aumsrini

Image Gallery is a responsive image gallery based on the gallery by Google for the Chromebook Getting Started guide. In this Gallery we use 3D transforms for navigating the items. For smaller screens we have some example media queries that adjust the layout and also the gallery view.
Image Gallery can be used for portfolio gallery,client gallery,product gallery,photo gallery and more.Image Gallery is very easy to use.user friendly gallery admin section allows you to create a gallery in simple steps.just click on add new gallery and make it and add images to your gallery,also drag and drop for order and save the gallery.copy and paste the gallery shortcode generated automatically.
In the Image Gallery you can create unlimited gallery with no limits.Also you can use it on unlimited domains.
In the Image Gallery view, the keyboard arrow keys can be used to navigate and the view can be closed using the ‘Esc’ key.
Features
<ul>
<li>Fully Responsive image gallery</li>
<li>Grid image gallery</li>
<li>3D transforms for navigating</li>
<li>The keyboard arrow keys can be used to navigate</li>
<li>Image Tile option for each image</li>
<li>Image Description for each image</li>
<li>WordPress Media supported</li>
<li>Drag and sort the images</li>
<li>Limit the images per page</li>
<li>Enable/Disable option for both title and description</li>
</ul>
Please note that we are using CSS 3D Transforms which are only supported in Quick browsers.
Watch Below Video For Demo 
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/192088164" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
For More Features <a href="https://beeplugins.com/product/grid-gallery-pro" title="Image Gallery Pro" rel="nofollow ugc">Upgrade Pro Version</a>
Pro Version Features
Image gallery
<ul>
<li>Show/Hide Option for Title and Description</li>
<li>Limit images per Page for each gallery</li>
</ul>
Post gallery
<ul>
<li>Show your posts as gallery</li>
<li>Unlimited category selection for post</li>
<li>Show/Hide Option for Title and Description</li>
<li>Limit post per Page for each gallery</li>
</ul>
Woocommerce Product image gallery
<ul>
<li>Show your woocommerce products as gallery</li>
<li>Unlimited category selection for prodcuts</li>
<li>Show/Hide Option for Title and Description</li>
<li>Limit products per Page for each gallery</li>
</ul>
Style Options
<ul>
<li>Image Thumbnail Border Size</li>
<li>Image Thumbnail Border Color</li>
<li>Title Background Color</li>
<li>Title Text Color</li>
<li>Image Hover Background Color</li>
<li>Navigation arrow Color</li>
<li>Read More Button BG Color</li>
<li>Read More Button Text Color</li>
</ul>
Support
you can mail us for any bugs or queries Here <a href="https://beeplugins.com/contact-us/" title="Your favorite plugins" rel="nofollow ugc">Bee Plugins</a>

Image Gallery

A responsive image gallery  with a flexi grid view using 3D Transforms.

RSOrangetech Gallery — Masonry & Grid vs Image Gallery