Responsive Lightbox2 is a WordPress lightbox plugin that allows you to overlay images on top of the current page. You can add this responsive popup effect to your website photos, images, gallery or album.
Responsive Lightbox2 plugin is based on the original jQuery Lightbox script developed by Lokesh Dhakar. This plugin makes it possible for WordPress users to add Lightbox2 popup effect to their sites.
WordPress Lightbox2 Plugin Demo
Responsive Lightbox2 Features
- Lightbox2 popup style for images
- Open responsive images in lightbox
- Pop up lightbox from either a text/image link
- Compatible with the latest version of WordPress and WordPress multisite
- Supported by all major browsers
- Use a simple shortcode anywhere on your site (Post, Page, Homepage etc.) to pop up an image/photo in lightbox
- Add lightbox effect to images inserted into a WordPress post/page
- Add lightbox effect to a photo gallery or album
- Add lightbox effect to a gallery of images
- It fits perfectly on mobile and tablet devices
Responsive Lightbox2 Plugin Installation
- Login to your WordPress admin dashboard
- Go to Plugins->Add New
- Enter Responsive Lightbox2 naa986 in the search box
- Once you find the plugin hit the install button
Responsive Lightbox2 Plugin Usage
You can pop up an image from either a text or image (it’s called hyperlink). All you need to do is insert a plugin shortcode into a post/page editor (Make sure turn on “Paste as Text” if you are editing in visual mode) to create a lightbox link.
Open Lightbox from a Text
[lightbox2 url="http://example.com/wp-content/uploads/images/lightbox.jpg" hyperlink="click here to open image"]
Open Lightbox from a Thumbnail Image
[lightbox2 url="http://example.com/wp-content/uploads/images/lightbox.jpg" hyperlink="http://example.com/wp-content/uploads/images/thumbnail.jpg"]
Show Title/Caption in Lightbox
In order to show a title for your lightbox image, you can use the title parameter in the shortcode. For example:
[lightbox2 url="http://example.com/wp-content/uploads/images/lightbox.jpg" title="overlay image" hyperlink="click here to open image"]
[lightbox2 url="http://example.com/wp-content/uploads/images/lightbox.jpg" title="overlay image" hyperlink="http://example.com/wp-content/uploads/images/thumbnail.jpg"]