WordPress jQuery Lightbox Plugin (English)

jQuery Lightbox Plugin

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


Download

Latest version: 0.19

About

As the name shows, this is just WordPress’s version of the jQuery Lightbox Plugin written by balupton, working perfectly 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.

Get Support

Please go here and create a support ticket: http://getsatisfaction.com/balupton/products/balupton_jquery_lightbox

463 thoughts on “WordPress jQuery Lightbox Plugin (English)”

  1. Pingback: Wordpress Blog Services - The Power of WordPress and jQuery: 25+ Useful Plugins &amp; Tutorials

  3. Pingback: The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | @article @lbum

  4. Pingback: jQuery Lightbox

  5. Hi!

    I have the problem that have been mentioned above, I cannot change the English language for the images (Close, Image of, etc)

    I have tried clearing cache, tests have been made on Firefox, IE and Opera, still nothing… I have even deleted the jquery.lightbox.js from the site, but the script is still working and in English!

    May be it is related to the file named jquery.lightbox.packed.js? When this file is deleted the whole script is not working!

    Hope you can give any explanation, for statistics I am running wordpress 2.7 with NextGen gallery with your lightbox plugin implementation (was the only lightbox version which was compatiable with NextGen)

    Reply ↓

    • Greeting Didzis, as I said before, the only way you can change the language is by editing the “lightbox.js” file, then confirm that the “lightbox.php” file is pointing to the “.js” file and not the “.packed.js” one.
      Save all, clear the cache (use Ctrl+F5 to be sure!) and test it! :)

      Reply ↓

  6. I downloaded the plugin last night, activated it, and tested it on one page of our site. It worked beautifully. Today, we’re going through exactly the same process on a blog post and it will not work. Instead of linking to the larger image, we only get a blank box with the swirling dots. If you go to the site linked from this comment, and click on the first image in the link, you’ll see exactly what I mean. Since the plugin works on images on a static page on this WordPress site, why are we having problems with using it on blog posts? Thanks in advance for your assistance.

    Reply ↓

  7. Pingback: » Blog Archive » +20 plugins compatibles con WP 2.7

  8. Pingback: Free WordPress and jQuery: 25+ Useful Plugins & Tutorials | guidesigner.com

  9. thanks Pedro – it’s a very nice plugin!
    I’m getting into troubles with the line: $.Lightbox.domReady();

    FireBug says $.Lightbox is undefined and on Safari I have a black loading screen until I click and only then I have the page – could you point out some potential solutions? Thanks

    Reply ↓

  10. Pingback: 20+ Great WordPress 2.7 Compatible Plugins | Discover All Thats's New on the Web

  11. Hi, thanks for your work, just wanted to let you know of a very slight bug I have found. When I load my page, using FF3, the first image loads at the bottom of the screen, and only after that load does it move to the middle…. So sometimes I can’t see the first image properly/ Hope you can fix this in the future.
    Otherwise ideal for my applicaiton, best wishes
    Andrew

    Reply ↓

    • The problem is at the file “http://ian-and-christie.com/wp-content/themes/fieldofdreams-03/style.css”.
      Your theme CSS file includes an entry for “img” with “margin” and “padding” values; just remove these padding and margin values and it will work just fine! :)

      Reply ↓

  14. Dear Pedro,

    Is there a step-by-step tutorial of how to work with your plugin.
    Because I just can’t get it to work. I have installed the plugin. Then I have to do something, but what…

    When I want to put a picture in a post, I use the wordpress uploader. Should I put the rel=”lightbox” attribute somewhere a field in the “Add an image” box?

    Or should I do something completely else. I am not a complete idiot with html.

    Please help, thanks,

    Wouter

    Reply ↓

  15. hey,

    it appears that my theme isn’t compatible with jquery… i tried it on other themes and the lightbox works

    how do i make my current theme jquery compatible??

    thnks~!

    Reply ↓

    • Hum… you can always put all the images on the page and set the CSS Style property to “display: none”, I think that will do the trick.
      The other way I think I’ll be by using JavaScript, but that will mean some extra work!

      Reply ↓

  18. Pingback: 10 Image and Gallery Lightbox Solutions for Wordpress - Plugins : Speckyboy Design Magazine

  19. Pingback: Lightbox para wordPress | ivanBogar.com | design e wordPress

  22. Pingback: 10 Image and Gallery Lightbox Solutions for Wordpress - Plugins | designersmantra.com

  24. Hi,

    I translated the texts like “image x of y” or “click to close” in jquery.lightbox.js and also made some config changes there (deactivated the download link). I really have uploaded the file with the changes and I have cleared the cache.
    But I still have all the English texts and the download link. (Even if I use another browser, computer, internet connection, at a completely different place and network…. so it really shows the wrong thing!)

    How could that be? Where does it come from?
    I have installed WordPress 2.7.1 – is that the problem? Doesn’t you extension work proper with that?

    Steffi

    Reply ↓

  25. Pingback: WebGratuito » Immagini e lightbox

  26. When the image is opened, can it be printed? In other words, if the image contained directions and you wanted to allow your visitor to have the ability to print from that opened image, other than a screen-shot capture can it be done through a print command?

    My PC running Vista keeps giving me a “Not Possible” button.

    Thanks,
    Cyndi

    Reply ↓

    • Well, I think you can always use the right mouse button and select “View Image” from the menu and then print the image (on Firefox); some browsers may also allow to right-click and “Print” from the menu…

      Reply ↓

  27. Hi Pedro,

    I am trying to use your Lightbox Plugin along with the Magazeen Theme wich you can get here: http://www.smashingmagazine.com/2009/02/23/magazeen-free-magazine-look-wordpress-theme/

    My problem is that this them uses jquery 1.3.1 (also works on 1.3.2) with some nice functions. When I activate your Lightbox plugin, the effects in the theme don’t work anymore. Do you have any idea how I can get your plug-in to use the same jquery file as the theme so there won’t be any problems?

    Thank you

    Reply ↓

  28. Bom Dia. Thanks for a great plugin. I have a small problem that when the mouse cursor goes over an image it doesn’t change to a hand – it remains an arrow. Muito annoying.

    Reply ↓

      • I have sorted that now thanks – I just hadn’t added a link.

        However I do have another problem that I think has come about since the upgrade to 0.6. When an image is displayed & you hover over the close x the bottom of the image flashes on & off. That’s in Firefox 3, in IE all looks ok. Whether its a conflict with some FF addon I’ve got installed I don’t know.

        If you email me I can give you username/password to go to the (yet to be launched) site for an example.

        Reply ↓

  29. Pingback: 兼容 WordPress 2.7 的20余款 WordPress 插件 « wordpress 非官方中文站——助力中文wordpress

  30. you have you bug in the Firefox – Close panel always blind. I have fixed it – replace old javascript files with new. downloaded it from jquery.com

    Reply ↓

  33. When I activate this plugin using “Agent” theme premium real estate theme everything that was centered moved to the left…any fixes for this?

    Reply ↓

  35. THANK YOU THANK YOU!

    Finally, a Lightbox plugin that works for me, I’ve tried them all….

    Now, I have a small problem with a pop-up when any of the pages are loaded.

    “Lightbox was not able to find its javascript script tag necassary for auto-inclusion.”

    But it works? Is there something stuck in one of the php files you think from one of the old lightbox installations?

    Reply ↓

  39. Pingback: The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | Omelyn Blog

  40. Pingback: 10 Image and Gallery Lightbox Solutions for Wordpress - Plugins | JT's World

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

    Reply ↓

    • 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!

      Reply ↓

      • 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…

        Reply ↓

  44. 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…

    Reply ↓

  45. 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?

    Reply ↓

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

      Reply ↓

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

    Reply ↓

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

    Reply ↓

  48. Pingback: Wordpress jQuery Lightbox Plugin 0.8 « Nação do Cimbalino

  50. Pingback: 30个实用的ajax灯箱和模态窗口解决方案 | 路可-WEB前端开发

Deixar uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

*

Pode usar estas etiquetas HTML e atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>