Wordpress jQuery Lightbox Plugin (English)

jQuery Lightbox Plugin

(Clique aqui para descrição em português)


Download

Latest version: 0.9

Change Log

0.9 – 16/06/2009
- Disabled jQuery override on Wordpress 2.8.

0.8 – 15/06/2009
- Removed warning message about Internet Explorer 6.0 upgrade.

0.7 – 04/05/2009
- Updated jQuery Lightbox library to version 1.3.7.

0.6 – 20/04/2009
- Updated jQuery Lightbox library to version 1.3.6.
- Updated jQuery library to version 1.3.2.
- Support to Wordpress native galleries added.

0.5 – 06/01/2009
- Updated jQuery Lightbox library to version 1.3.5.

0.4 – 24/08/2008
- Wordpress 2.6 support added.

0.3 – 25/05/2008
- Wordpress 2.5 support added.

0.2 – 17/01/2008
- Updated jQuery library to version 1.2.2.
- Added install instructions.

0.1 – 10/01/2008
- First release!

About

As the name shows, this is just Wordpress’s version of the jQuery Lightbox Plugin written by balupton, perfectly working with Wordpress 2.2 or up, and fully compatible with K2! ;)

Instructions

Just download the plugin, unzip the files to the wp-content\plugins folder and activate the plugin in Wordpress options.

Then, every time you want to use the Lightbox effect, just place a link to the image, and add the rel=”lightbox” attribute to it, in order to activate the effect when the link is clicked. You can also use rel=”lightbox-album” replacing album by a any keyword to group some pictures on an album!

Sample

Click the image bellow! :)

Nação do Cimbalino

HTML code sample:

<a href="image.png" title="Image Title" rel="lightbox"><img src="image_thumbnail.png" alt="Image Title" /></a>

Regards

Original version of jQuery Lightbox Plugin developed by Balupton.

123 Respostas a “Wordpress jQuery Lightbox Plugin (English)”


  • Can anyone tell me how to increase the transparency of the background ever so lightly? I cannot understand where the transparency or color is set.

    • Maurice,

      look in the css files for opacity, but be careful. Lightbox code is easy to mess up…

      download the firebug plugin for firefox and play with the code in there, you should be able to figure it out.

      best of luck!

  • Just doing some testing and having trouble with the first image in the album, which seems to load low on the page, when all the others are centered. Am I doing something wrong or is it a glitch?

    http://demo.thedesignweb.co.nz/?page_id=70

    Thanks!

    • Belinda, I tested your demo and it looks to work fine… what browser & operating system are you using?

      • Pedro/Belinda–

        It’s a safari problem, and I’m having it too. Firefox and IE work perfectly, but Safari seems to center the first image on the full page, not the visible page. It corrects itself after the first click. I’m trying to figure out what safari doesn’t recognize… I’ll hit you back if I figure it out…

  • I updated this when I made my new blog and by some reason it does not play nice with k2 anymore… (I am using the RC7 of K2… i think).

  • Has anyone addressed the double-click issue? I use this plug as it is the only one that plays nice with NextGEN, but users are complaining about double-clicking and getting an all black screen with no way to navigate out.

    Any way to fix this issue?

    Also, how would one lighten up the transparency of the background when in lightbox mode?

    Thanks for your help…

  • I may be mistaken but is there a way to relate images without displaying them all on a page?

    I’d like to have one image shown and when it’s clicked on, it allows users to navigate through the whole album.

    Is this possible without major revisions to the code?

    • Collin,

      I did what you are trying to do by modifying my css.

      I created a class of “noshow” which I made display: none, and added that to the caption tag of the images I didnt want to show when the page loads. Make sure you show the first image then in lighbox you can click through all of them.

  • I’m super new to wordpress and seem to be having issues with the plugin, I have activated it, added the code to the appropriate pages and it doesn’t seem to work for me, I’m fairly familiar with lightbox but can’t seem to get this to work…

    Heres a link to one of the pages it doesn’t work on: http://www.apecakemedia.com/?page_id=85

    • The page in your example doesn’t have any script tags on it (it should have at least the ones used by wordpress) so I think there’s a problem with your wordpress version or theme… try updating wordpress and check with other themes to see if the problem mantains!

      • I don’t understand, I tested another theme and it worked fine, what do I need to add to my current theme in order to get it to work?

        • Well, I can’t say that for sure, I think it really is some kind of problem with your theme’s script… but I can’t really tell by looking to the HTML of the page! :(

  • It works fine, but you should set the ie6_upgrade lightbox parameter default to false. I don’t want my site secretly sending a request to savethedevelopers.org without me knowing it. For starters, it throws an error in IE6, and also, how are we to know it’s not an attack site? Fix it please.

  • Hi,

    This is a great plugin but just one question, How to fullsize the Popup Image?

    If you see here http://www.minisitecorner.com/mini-site-and-e-cover/

    the image is very small when the actual size is width 500px.

  • Finally a working lightbox plugin for wordpress. I’ve tried several others which didn’t work (using wp-2.8.2), but this works like a charm. Thank you very much.

  • Many thanks for a working Lightbox Plugin. I have one question though…

    How to display title and info by default… is there some simple way to do so ?

Deixar uma Resposta