Realwebcare

Awesome Responsive Photo Gallery is a powerful lightbox plugin integrated with WordPress default image gallery. It now comes with a modern admin interface, enhanced security features, and dynamic Gallery ID functionality for both the Classic Editor and Block Editor.
The plugin supports three responsive lightbox scripts, allowing you to create stunning galleries with ease. With newly added features and improvements, managing your galleries has never been simpler.
<a href="https://www.realwebcare.com/demo/awesome-responsive-photo-gallery-free/" rel="nofollow ugc">DEMO</a> | <a href="https://www.realwebcare.com/plugin/awesome-gallery/" rel="nofollow ugc">SETUP GUIDE</a> | <a href="https://www.realwebcare.com/billing/submitticket.php?step=2&deptid=6" rel="nofollow ugc">CONTACT US</a>
<h4>Watch Video Walkthrough</h4>
<iframe loading="lazy" title="Image Gallery - Awesome Responsive Photo Gallery" width="750" height="422" src="https://www.youtube.com/embed/BjVt24T7nEs?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>Why Use This Plugin?</h3>
WordPress has a built-in gallery feature, but it is quite basic. It doesn’t include a lightbox option, which means when users click on an image, it opens in a new page instead of a popup. This can make browsing your images less user-friendly and slower.
Our plugin improves the default WordPress gallery by turning it into a modern, interactive lightbox gallery. Once installed, every gallery you create will have a smooth, professional look. Visitors can click on any image to view it in a popup with navigation options, making your gallery more attractive and easier to use.
<h3>How Does It Help You?</h3>
<ol>
<li>Automatic Upgrade: After installing the plugin, it replaces the default gallery with the upgraded lightbox version. No extra setup needed.</li>
<li>Better User Experience: Visitors can quickly browse through images in a popup without leaving the page.</li>
<li>Professional Look: Makes your gallery feel premium and enhances your site’s design.</li>
</ol>
This plugin works automatically, saving you time and effort while giving your gallery a polished, modern appearance.
<h3>New Features in v1.2:</h3>
<ul>
<li>Fully Object-Oriented Programming (OOP) implementation.</li>
<li>Enhanced security with proper sanitization, validation, escaping, and nonce verification.</li>
<li>Modernized admin interface with modal-based functionality and clear progress messages.</li>
<li>Organized internal CSS into a separate custom CSS file.</li>
<li>Unique plugin option name to avoid conflicts with other plugins.</li>
<li>Dynamic Gallery ID insertion for Classic Editor and Block Editor.</li>
<li>New help page providing a feature overview and usage guide.</li>
<li>Fixed minor JavaScript and CSS issues for better performance.</li>
</ul>
<h3>Key Features</h3>
<ul>
<li>Fully responsive, touch-friendly design.</li>
<li>3 responsive lightbox scripts: lightGallery, Lightcase, jGallery.</li>
<li>Flourished admin UI with a modern look.</li>
<li>Dynamic Gallery ID support for Classic and Block Editor.</li>
<li>Organized CSS for improved maintainability.</li>
<li>Support for YouTube, Vimeo, and HTML5 videos.</li>
<li>Infinite looping, swipe navigation, and customizable transitions.</li>
<li>Social sharing options: Twitter, Facebook, Pinterest, and more.</li>
<li>Support for multiple galleries on the same page with unique IDs.</li>
</ul>
<h3>Usage</h3>
<ol>
<li>After activating the plugin, navigate to Awesome Gallery in your WordPress admin panel.</li>
<li>Navigate to Pages >> Add New and click on Add Media to open the media uploader.</li>
<li>Click on Create Gallery and select Upload Files if you don’t have any images</li>
<li>Upload your photos and after completing upload click on Create a New Gallery button</li>
<li>In the right side enter image Title, Alt Text, Description and Video URL (if you want)</li>
<li>Click on Insert Gallery button</li>
<li>In the gallery shortcode insert your desired Gallery ID (depends on how you want to show your gallery), like [gallery id=”1″ ids=”114,115,112,113,110″]</li>
<li>Publish your page and click View Page to see your awesome gallery 🙂.</li>
<li>To create another gallery, use an another unique ID. Example: [gallery id=”1″ ids=”506,505,502,503″] or [gallery id=”2″ ids=”506,505,502,503″]</li>
<li>Access the Help Page under the plugin menu for detailed instructions.</li>
</ol>
<h3>Support</h3>
For any queries, feedback, or assistance, please visit our <a href="https://wordpress.org/support/plugin/awesome-responsive-photo-gallery/" rel="ugc">Plugin Support Page</a>. We’re here to help you make the most of the plugin.
<h3>Credits</h3>
– <a href="https://github.com/cbopp-art/lightcase/" rel="nofollow ugc">Lightcase</a> 
– <a href="https://github.com/jakubkowalczyk-pl/jgallery/" rel="nofollow ugc">jGallery</a> 
– <a href="https://github.com/sachinchoolur/lightGallery" rel="nofollow ugc">lightGallery</a> 
– Developed By: <a href="https://www.realwebcare.com/" rel="nofollow ugc">Realwebcare</a> 
– <a href="https://www.facebook.com/realwebcare" rel="nofollow ugc">Facebook Page</a>
<h3>License</h3>
This plugin is released under the GPLv2 license. You can find a copy of the license <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">here</a>.

Awesome Responsive Photo Gallery – Image & Video Lightbox Gallery

Upgrade WordPress gallery shortcode to a modern, responsive, touch-friendly lightbox gallery with 3 stunning lightbox styles.

wpdevart

WordPress Image and Video Lightbox is an high customizable and responsive plugin for displaying images and videos in popup. You just need install our plugin and enable it. 
There are a lot of settings that will help you to configure what you need.
<h3>Check our plugin demo page here</h3>
<a href="https://demo.wpdevart.com/wordpress-lightbox-demo" rel="nofollow ugc">Demo Page</a>
If are using a lot of images and videos on your website then this plugin is an necessary one for you.
Our plugin have a lot of free and Premium features, here are some of them.
<h3>Features of free version</h3>
<ul>
<li>Fully Responsive</li>
<li>Handy admin panel and easy use</li>
<li>Tested on all modern browsers</li>
<li>Works perfectly with all versions of WordPress</li>
<li>Image and Video lightbox</li>
<li>Ability to set Popup background color, Initial Width, Initial Height, Max Width and Height, Position, Fixed position, Border color, Border radius and width, Opening type</li>
<li>Overlay transparency</li>
<li>Ability to upload loading thumbnail</li>
<li>Ability to show Show/Hide Control Buttons in content or outside content</li>
<li>Ability to set Control Buttons Line Background Color and Height</li>
<li>Ability to change/upload all control buttons</li>
<li>Ability to Show/Hide information panel</li>
<li>Ability to show information panel inside content or outside content</li>
<li>Ability to set information line background color and height</li>
<li>Ability to change count text</li>
<li>Ability to set Count, Description and Title sections padding left and right parameter, text font size</li>
<li>Ability to Show/Hide default description text if the photo doesn’t have caption or title</li>
<li>Ability to set default description text if the photo doesn’t have caption</li>
<li>Ability to set default Title text if the photo doesn’t have title attribute</li>
<li>Ability to set information line elements ordering</li>
<li>Ability to hide Count, Description and Title sections</li>
<li>Ability to download images</li>
<li>User friendly back-end</li>
<li>Tested on popular WordPress themes</li>
</ul>
You can upgrade the free version to <a href="https://wpdevart.com/wordpress-lightbox-plugin/" rel="nofollow ugc">Pro Version</a> to add some great features.
<h3>The features of Pro version</h3>
<ul>
<li>Popup opening 12 animation effects(animation duration)</li>
<li>Nice Slideshow</li>
<li>Ability to set Slideshow Time</li>
<li>Ability to select animation type and duration</li>
<li>Ability to use fullscreen functionality</li>
<li>Ability to set overlay top background color</li>
<li>Overlay bottom background color</li>
<li>Control buttons line transparency and hover background transparency</li>
<li>Ability to Enable/Disable left and right navigation buttons mouseover functionality</li>
<li>Ability to Show/Hide left and right navigation buttons inside popup</li>
<li>Ability to set Background color and transparency of left and right navigation buttons inside popup(aslo, when hovering)</li>
<li>Ability to Show/Hide left and right navigation buttons in overlay</li>
<li>Ability to set Background color and transparency of left and right navigation buttons(alos, in overlay when hovering)</li>
<li>Count, Description and Title sections text font family(31 fonts), font weight, font style, color</li>
<li>Information line transparency and hover transparency</li>
<li>Ability to enable overlay fade effect</li>
<li>Ability to set overlay fade effect time and Navigation line ordering</li>
<li>Ability to order elements</li>
<li>Ability to hide any navigation button</li>
<li>Premium support</li>
</ul>
If you found any bug or mistake in our plugin or have a question contact us at support@wpdevart.com, we will be happy to fix it.
<iframe loading="lazy" title="WordPress Image and Video Lightbox Plugin" width="750" height="422" src="https://www.youtube.com/embed/qzx8U0D4LuY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>Overlay Settings</h3>
<ul>
<li>Transparency – Set the transparency</li>
<li>Top background color – Choose top background color</li>
<li>Bottom background color – Choose bottom background color</li>
<li>Fade effect – Enable/Disable fade effect</li>
<li>Fade effect time – Set fade effect time</li>
</ul>
<h3>Popup Settings</h3>
<ul>
<li>Background color – Set the background color </li>
<li>Loading thumbnail(.gif) – Type the url or upload the .gif thumbnail</li>
<li>Initial Width – Type initial width</li>
<li>Initial Height – Type initial height</li>
<li>Max Width – Type Max width for</li>
<li>Max Height – Type Max height</li>
</ul>
Position
<ul>
<li>Position – Select the position</li>
<li>Fixed position – Enable/Disable fixed position</li>
<li>Distance from window when position is 1,2,3,4,6,7,8,9 – Type distance from window when position is 1,2,3,4,6,7,8,9(except Middle center position) </li>
</ul>
Border
<ul>
<li>Border color – Set the border color</li>
<li>Border width – Type the border width</li>
<li>Border radius – Set the border radius</li>
</ul>
Animation
<ul>
<li>Opening type – Choose the opening type</li>
<li>Opening animation type – Choose opening animation type </li>
<li>Animation duration – Choose duration of animation</li>
</ul>
Elements ordering
<ul>
<li>Elements ordering – Set the ordering of elements </li>
</ul>
<h3>Control Buttons Settings</h3>
Main
<ul>
<li>Show Control Buttons – Show/Hide control buttons</li>
<li>Show Control Buttons in content – Show/Hide control buttons in content</li>
<li>Control Button Line Height – Type Control Button Line Height</li>
<li>Control buttons line Background Color – Choose control buttons line background color</li>
<li>Control buttons line background transparency – Set control buttons line background transparency</li>
<li>Control buttons line hover background transparency – Set control buttons line hover background transparency</li>
<li>Show/Hide left and right navigation buttons inside popup – Choose to show or hide left and right navigation buttons</li>
<li>Enable/Disable left and right navigation buttons mouseover functionality – This functionality will show left and right navigation buttons only when you navigate with your mouse on photo, if you disable it then your navigation buttons always will be active</li>
<li>Show/Hide left and right navigation buttons in overlay – Choose to show or hide left and right navigation buttons in overlay</li>
<li>Background color of left and right navigation buttons in overlay when hovering – Set the background color of left and right navigation buttons in overlay when hover</li>
<li>Background transparency of left and right navigation buttons in overlay when hovering – Set the background transparency of left and right navigation buttons in overlay when hover</li>
<li>Slideshow Time – Type the Slideshow Time</li>
<li>Animation type – Select the animation type</li>
<li>Duration of animation – Type duration of animation</li>
</ul>
Images
<ul>
<li>Previous img(icon), Next img(icon) inside popup</li>
<li>Previous img(icon), Next img(icon) in overlay</li>
<li>Previous img(icon)</li>
<li>Previous img(icon) when hovering(optional) </li>
<li>Next img(icon) </li>
<li>Next img(icon) when hovering(optional) </li>
<li>Play img(icon) </li>
<li>Play img(icon) when hovering(optional) </li>
<li>Pause img(icon) </li>
<li>Pause img(icon) when hovering(optional) </li>
<li>Download img(icon)</li>
<li>Download img(icon) when hovering(optional) </li>
<li>Open in new window img(icon)</li>
<li>Open in new window img(icon) when hovering(optional) </li>
<li>Full width img(icon)</li>
<li>Full width img(icon) when hovering(optional) </li>
<li>Full width reset img(icon)</li>
<li>Full width reset img(icon) when hovering(optional) </li>
<li>Full screen img(icon)</li>
<li>Full screen img(icon) when hovering(optional) </li>
<li>Full screen reset img(icon)</li>
<li>Full screen reset img(icon) when hovering(optional) </li>
<li>Close img(icon) </li>
<li>Close img(icon) when hovering </li>
</ul>
Ordering
<ul>
<li>Navigation line ordering – Set the navigation line ordering</li>
</ul>
<h3>Information Line Settings</h3>
<ul>
<li>Show information panel – Choose to show/hide information panel </li>
<li>Show information panel in content – Show information panel inside or outside content</li>
<li>Information line height – Type information line height</li>
<li>Information line background color – Choose information line background color </li>
<li>Information line transparency – Set the information line transparency</li>
<li>Information line hover transparency – Set the information line hover transparency </li>
<li>Count text – Type the count text </li>
</ul>
Count
<ul>
<li>Count section padding left – Type the count section padding left</li>
<li>Count section padding right – Type the count section padding right</li>
<li>Count section text font size – Type the count section text font size</li>
<li>Count section text font family – Select the count section text font family</li>
<li>Count section text font weight – Select the count section text font weight </li>
<li>Count section text font style – Select the count section text font style</li>
<li>Count section text color – Set the count section text color </li>
</ul>
Description
<ul>
<li>Description section padding left – Type the description section padding left</li>
<li>Description section padding right – Type the description section padding right </li>
<li>Description section text font size – Type the description section text font size </li>
<li>Description section text font family – Select the description section text font family </li>
<li>Description section text font weight – Select the description section text font weight </li>
<li>Description section text font style – Select the description section text font style </li>
<li>Description section text color – Set the description section text color </li>
<li>Default description text if the photo doesn’t have caption – Type the default description text if the photo doesn’t have caption</li>
</ul>
Title
<ul>
<li>Title padding left – Type the title padding left</li>
<li>Title padding right – Type the title padding right</li>
<li>Title font size – Type the title font size </li>
<li>Title font family – Select the title font family</li>
<li>Title font weight – Select the title font weight</li>
<li>Title font style – Select the title font style</li>
<li>Title color – Set the title color</li>
<li>Default Title text if the photo doesn’t have title attribute – Type the default title text if the photo doesn’t have title attribute</li>
</ul>
Ordering
<ul>
<li>Information line elements ordering – Set the information line elements ordering</li>
</ul>

Image and Video Lightbox, Image PopUp

Hi dear users.
We hope you will like our new Lightbox plugin.
There are a lot of useful and necessary option in our lightbox.
If you find any bug in our Lightbox plugin, then contact us and we will fix it.
Thanks for using our Lightbox plugin.



Awesome and customizable lightbox

Don't waste your time. Fail on a lot of levels. First of all, this is a trick to get you to set it up and then be forced to buy the PRO version. This plugin has a lot of features but the free version is impossible to use without upgrading to Pro. In fact, there are a lot of features that are forced on in the free version which most webmasters will not want to be forced on, such as downloading the image, and some ridiculous popout effects that broke the lightbox on the page whenever the user selected them during our testing. Also, in the free version, the background color and text color for some attributes are the same color, which means you won't see the info at all unless you upgrade to PRO so you can change the colors. Also, the free version is supposed to be able to show the image title, but in our testing the plugin had some bugs that it absolutely did not show the title (img title attribute) or the "description" (caption), even though it was set to show the info. So it doesn't even work for the very basic title feature.

Bait and Switch

Don’t waste your time. Fail on a lot of levels. First of all, this is a trick to get you to set it up and then be forced to buy the PRO version. This plugin has a lot of features but the free version is impossible to use without upgrading to Pro.

Don’t waste your time

Image and Video Lightbox is an high customizable and responsive plugin for displaying images and videos in popup.

Awesome Responsive Photo Gallery – Image & Video Lightbox Gallery vs Image and Video Lightbox, Image PopUp