Plugin Directory

jQuery Colorbox

Adds Colorbox/Lightbox functionality to images, grouped by post or page. Works for WordPress and NextGEN galleries. Comes with different themes.

Download Version 4.2

  • I installed your plugin, but when I click on a thumbnail, the original picture is loaded directly instead of in the Colorbox. What could be the problem?

Make sure that your theme uses the wp_head(); function in the HTML head-tag.

I have seen problems where other plugins include their own versions of the jQuery library my plugin uses. Chances are that the other jQuery library is loaded after the one that I load. If that happens, the colorbox features are overwritten.

  • How does jQuery Colorbox work?

When inserting a picture, the field "Link URL" needs to contain the link to the full-sized image. (press the button "Link to Image" below the field) When rendering the blog, a special CSS class ("colorbox-postId", e.g. "colorbox-123") is added to linked images. This CSS class is then passed to the colorbox JavaScript.

  • How do I exclude an image from Colorbox in a page or post?

Add the CSS class "colorbox-off" to the image or to the link to the big sized image you want to exclude. jQuery Colorbox does not add the colorbox effect to images that have the CSS class "colorbox-off".

  • How does jQuery Colorbox group images?

For all images in a post or page, the same CSS class is added. All images with the same CSS class are grouped.

  • I have Flash (e.g. Youtube videos) embedded on my website. Why do they show up over the layer when I click on an image?

This is a Flash issue, but relatively easy to solve. Just activate the automatic hiding of embedded flash objects on the settings page.

Adobe described on these sites what the problem is and how to fix it manually:

Adobe Knowledgebase 1

Adobe Knowledgebase 2

  • I have a problem with the Colorbox or want to style it my own way. Can you help?

Of course I want to help everyone, but I have a full time job and I don't have the time. You can ask your questions at the Colorbox Google group.

  • Why is jQuery Colorbox not available in my language?

I speak German and English fluently, but unfortunately no other language well enough to do a translation.

Would you like to help? Translating the plugin is easy if you understand English and are fluent in another language.

  • How do I translate jQuery Colorbox?

Take a look at the WordPress site and identify your langyage code: http://codex.wordpress.org/WordPress_in_Your_Language

e.g. the language code for German is "de_DE".

Step 1) download POEdit (http://www.poedit.net/)

Step 2) download jQuery Colorbox (from your FTP or from http://wordpress.org/extend/plugins/jquery-colorbox/)

Step 3) copy the file localization/jquery-colorbox-en_EN.po and rename it. (in this case jquery-colorbox-de_DE.po)

Step 4) open the file with POEdit.

Step 5) translate all strings. Things like "{total}" or "%1$s" mean that a value will be inserted later.

Step 5a) The string that says "English translation by Arne ...", this is where you put your name, website (or email) and your language in. ;-)

Step 5b) (optional) Go to POEdit -> Catalog -> Settings and enter your name, email, language code etc

Step 6) Save the file. Now you will see two files, jquery-colorbox-de_DE.po and jquery-colorbox-de_DE.mo.

Step 7) Upload your files to your FTP server into the jQuery Colorbox directory (usually /wp-content/plugins/jquery-colorbox/)

Step 8) When you are sure that all translations are working correctly, send the po-file to me and I will put it into the next jQuery Colorbox version.

  • My question isn't answered here. What do I do now?

Feel free to open a thread at the jQuery Colorbox WordPress.org forum.

I'll include new FAQs in newer versions.

Requires: 2.8 or higher
Compatible up to: 3.2.1
Last Updated: 2011-10-16 Downloads: 119,019

Average Rating

5 stars
4 stars
3 stars
2 stars
1 star
(89 ratings)

Compatibility

+
=
Not enough data

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

Log in to vote.

100,2,2 100,3,3
100,5,5 100,2,2
100,4,4 100,3,3
0,1,0 100,4,4
0,2,0 83,6,5 100,1,1 50,2,1 86,7,6 100,7,7 100,3,3 100,2,2 100,1,1
100,3,3 100,1,1 100,4,4 100,6,6 70,10,7 100,6,6 100,4,4 100,1,1
100,1,1 86,7,6
80,5,4 83,6,5 100,1,1
100,1,1 100,1,1
100,1,1 0,1,0 0,1,0 100,2,2 100,4,4
100,7,7 100,1,1
100,2,2
100,9,9 100,4,4
86,7,6 100,1,1
100,9,9 100,1,1
80,5,4 100,3,3
75,8,6
85,13,11 80,5,4
100,3,3
100,1,1