WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Lightbox Plus Colorbox

Lightbox Plus Colorbox permits users to view larger versions of images, simple slide shows, videos and content all in an overlay.

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 underoing a complete rewrite to improve performanace 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 prugin 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.

Requirements

Server

  • WordPress 3.6+ (May word with ealier 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.

  1. Add a rel="lightbox[uniqueID|filename]" attribute to any link tag to activate the lightbox, include a name between square brackets in the rel attibute. 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.

  1. 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>
    

Requires: 3.6 or higher
Compatible up to: 3.9.1
Last Updated: 2014-6-24
Downloads: 1,085,472

Ratings

4 stars
4.2 out of 5 stars

Support

5 of 28 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Works!

4 people say it works.
1 person says it's broken.

100,1,1 100,1,1 100,1,1 100,1,1
100,1,1 100,5,5 100,1,1 100,1,1
100,1,1 83,6,5 100,1,1 100,1,1 100,1,1
67,6,4 100,1,1
0,1,0 80,5,4 80,5,4 100,1,1
0,2,0 80,5,4 100,2,2 100,2,2 100,2,2 33,3,1 100,10,10 100,1,1
80,5,4 100,1,1 50,2,1 43,7,3 67,3,2 70,10,7 100,1,1
72,32,23 100,3,3 100,2,2
0,2,0 0,1,0
75,4,3 50,2,1
100,8,8
50,2,1
87,23,20
100,3,3
100,3,3
83,6,5
0,1,0
100,5,5
86,7,6 73,11,8 100,1,1 73,15,11 100,1,1 50,4,2
100,1,1 86,7,6 80,5,4
100,1,1 78,50,39
84,19,16
100,4,4
76,21,16
75,20,15 0,1,0 100,1,1 0,1,0 100,1,1
54,13,7 67,3,2 100,2,2 100,3,3 57,7,4 83,6,5 63,8,5 100,2,2
80,5,4 76,33,25
100,2,2
100,4,4
100,7,7
67,3,2
50,4,2
100,7,7
100,1,1
0,1,0
100,4,4 80,5,4