Lightbox Plus Colorbox Wordpress Plugin - Rating, Reviews, Demo & Download
Plugin Description
Lightbox Plus Colorbox implements Colorbox as a lightbox image overlay tool for WordPress. Colorbox was created by Jack Moore and is licensed under the MIT License. Lightbox Plus Colorbox for WordPress implements Colorbox as a lightbox image overlay tool for WordPress. Colorbox was created by Jack Moore and is licensed under the MIT License. Lightbox Plus Colorbox permits users to view larger versions of images without having to leave the current page. Lightbox is able to add a lightbox to WordPress gallery images, display simple slide shows, video, forms and external content in overlays. The use of the dark or light background, which dims the page over which the image has been overlaid, also serves to highlight the image or video being viewed. Lightbox Plus Colorbox captures the image title for display in the overlay.
Lightbox Plus Colorbox uses WordPress’ built in jQuery library. Lightbox Plus Colorbox also uses the PHP Simple HTML DOM Parser helper class to navigate page content for inserting the Lightbox attibutes into elements.
NOTE: Lightbox Plus Colorbox is undergoing a complete rewrite to improve performance and bring it in line with the latest WordPress coding standard. This will be release as with a new version matching the latest version of WordPress when released.
Troubleshooting
Please read the FAQ first if you are having problems.
At present due to other commitments and that the plugin is provided freely we can offer no support and it is provided as is.
You can get community support for Lightbox Plus Colorbox via the support forums.
Please do not contact Jack Moore the author of Colorbox for issues with Lightbox Plus Colorbox.
Requirements
Server
- WordPress 3.6+ (May word with earlier versions)
- PHP 5+ (Required)
- PHP mbstring extension (preferred but no longer required)
- jQuery 1.4.3+
Support for PHP 4 has been completely removed – DO NOT UPDATE if you want Lightbox Plus Colorbox to work with PHP 4.
Client
- Modern Browsers
- Firefox, Chrome, Safari, Opera, IE 10+
- Legacy Browsers
- IE 8, IE 9 (limited style support)
Usage
Note that getting the caption to appear in the overlay image by using the caption options built into WordPress Lightbox Plus Colorbox uses the image title which is generated by “Edit Image Title” field and not the “Edit Caption Field.” You can also manually add lightbox tags to your images using the following instructions.
-
Add a rel=”lightbox[uniqueID|filename]” attribute to any link tag to activate the lightbox, include a name between square brackets in the rel attribute. For example:
<a href="images/image-1.jpg" rel="lightbox[uniqueID|filename]" title="my caption">image #1</a>
Optional: Use the title attribute if you want to show a caption.
-
If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example:
<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a> <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a> <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
Screenshots
-
Lightbox Plus Colorbox – Image
-
Lightbox Plus Colorbox – Video
-
Lightbox Plus Colorbox – External Content
-
Lightbox Plus Colorbox – Inline Content (Form)
-
Lightbox Plus Colorbox – Options Page
-
Lightbox Plus Colorbox – Style Examples