
(Clique aqui para descrição em português)
Download
Latest version: 0.13
Change Log
0.13 – 30/07/2010
- Added licensing information.
- Updated readme.txt.
0.12 – 13/07/2010
- Updated jQuery Lightbox library to version 1.4.5.
- Fixed a small compatibility bug with WordPress 3.0.
0.11 – 09/07/2010
- Updated jQuery Lightbox library to version 1.4.3.
0.10 – 29/06/2010
- Updated jQuery Lightbox library to version 1.4.2.
- Updated jQuery library to version 1.4.2.
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!
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


your sample doesn’t work
Fixed!!
Thank you for proving this beautiful plugin. I tried to translate the text “click” to close and “image xx of xx” in the file jquery.lightbox.js.
Although the text is translated, it still shows up in English. I cleaned the cache, reloaded the plugin. It stays in English.
Any suggestions?
Thanks,
Walt
How sure are you that you’ve cleared the cache? What browser are you using? Try using Ctrl+F5 on the page, that should work fine…
Great plugin! But this is unclear to me…
“You can also use rel=”lightbox-album” replacing album by a any keyword to group some pictures on an album!”
How do I assign a keyword to an image or group of images?
Use assign just by using (writing) the word! So, if you have a few pictures and want to group them together and call them “vacacions2008″, just use rel=”lightbox-vacations2008”
It’s as simple as that!
this very nice, thank you.
Thanks, this is perfect!
Heidi
Nice! Work with NEXTGEN Gallery.
Using(in NextGen Gallery Effects option):
rel=”lightbox-%GALLERY_NAME%”
Big thanks, balupton!
I’m having trouble getting the album to work. I’ve put all the pictures in the same folder, and then put this in the place that I want the album to show up. But I still only get the first picture of the set.
The other pictures in the post work. Except when I try to do this album thing. Any help would be appreciated.
Sorry. I’m reposting this because I screwed up the code.
I’m having trouble getting the album to work. I’ve put all the pictures in the same folder, and then put this in the place that I want the album to show up. But I still only get the first picture of the set.
a href=”http://www.sebgonz.org/wp-content/uploads/disneyland/IMGP0048.JPG” rel=”lightbox-disneyland”
The other pictures in the post work. Except when I try to do this album thing. Any help would be appreciated.
this is really best lightbox tool for wordpress, at least i think so. because this tool is light and efficient, not so heavy to slow page speed.
Pedro, há a possibilidade de abrir todos os links para imagens automaticamente pelo lightbox? Sem ter que escrever rel=”lightbox” em todo atributo de imagem?
Pedro, is it possible assign the atribute rel=”lightbox” to every image linked in posts automatically? So every image will be open with the lightbox effect…
Possível até o é, apesar de não ter sido colocada uma configuração directa para tal! O efeito que pretendes pode ser conseguido através de um simples script inserido directamente no código da página (ou alterando o código do plugin nativo!)
No entanto teria que haver muito cuidado para não fazer o mesmo efeito com imagens pequenas!
Vê aqui como podes usar o código nativo:
http://www.balupton.com/sandbox/jquery_lightbox/
Hii Pedro..
Pls try this one Milkbox 1.2 by Luca Reghellin. And here there’s an Autoplay example http://reghellin.com/milkbox/example3/
Hi Pedro!
Thank you for the plugin. Btw, I’m a little newb so I’ve a stupid request. Is there a way to use it automatically for all the images in every new post? Actually, I use to write rel=”lightbox” in the html source of any image but it’s so lame.
Thank you and happy holidays!
Well, it is possible, although there isn’t a direct option for it! The effect you want can be achieved throe a simple script inserted directly on the page code (or by changing the current plugin code!)
Never the less, you would have to be very carefull not to apply the same effect on smaller images!
Check here how to use the native code for the jQuery Lighbox:
http://www.balupton.com/sandbox/jquery_lightbox/
Thank you for writing this, the prototype version is ridiculous in size!
Thanks Andy, but I can’t take credit for writing the javascript file, that one goes to Balupton!
Hello Pedro,
when I activate the plugin, the alignement of my theme changes from centered to left.
Do you have any clue to have this fixed?
(WP 2.7 with Revolution/Lifestyle-theme)
I think so far it has worked with every known theme around, but start by checking if your site CSS style sheets are compliant with W3C, using the validator available online!
Hello,
I just installed your plugin on WordPress 2.7 but I am having problems finding a way to configuring it. For example how do I hide the text in the top right corner. I don’t see any options in WordPress interface. Let me know – thanks!
You can’t find a way to configure it because… there isn’t one!
The top text can only be removed if you edit the lightbox.js file that goes with the plugin!
Regards, Pedro Lamas
I was under the impression that you can configure how the plugin works by looking at this page: http://www.balupton.com/sandbox/jquery_lightbox/jquery_lightbox/readme.txt
There are several options described there – I just didn’t know where to apply them. Is it possible to use them or the only way is to go into the code itself (unfortunately I am not a program and I would like to avoid it…)?
Thanks
The options you see there are really code-based options; so far, I hadn’t got the time to make an options screen for the plugin, but maybe on a next version I’ll add one!
I think I see what needs to be modified in the code. I will try it later. I also see that the plugin I downloaded off the wordpress website is version 1.3.0-rc1. The newest version on http://plugins.jquery.com/project/jquerylightbox_bal is 1.3.5-final. How can I upgrade it to this newest version?
Thanks,
Just update to version 0.5 of the plugin!
Hi Pedro. I have the same problem with Igor. I was wondering if you have already tried editing the options at jquery.lightbox.js. So far, I’ve:
a. manually changed the about: text: title: and link: values to ” so it has nothing to display
b. changed these options to false (lines 520-522) on my editor:
download_link: false,
show_linkback: false,
before re-uploading them to the plugins directory. I didn’t get any arrors, but nothing happened.
I have also deactivated and reactivated the plugin, cleared my browser cache, but the text is still showing. Hope you can help. Thanks!
Hi Sorsha,
In addition to jquery.lightbox.js, I think you also need to modified jquery.lightbox.min.js which is a compact version of jquery.lightbox.js. In my case, I turn off download_link and show_linkback in both scripts and the links are gone. I’m not sure this is the correct solution, but it works.
Hi, I recently updated the plugin to the latest version (0.5), working in WordPress 2.7 and I seem to have found a bug for Firefox 3 (I’m looking on a mac). The divs “lightbox” and “lightbox-overlay” default to “display:block” instead of going to “display:none” when the page is loaded, so everything disappears behind the black transparent layer of the overlay. Everything is fine in Firefox 2, the latest Safari and Opera. Any ideas on what could be causing this?
Hum… I would say that this is a bug on firefox for Mac, since on Windows and Linux it seems to work fine…
Try using one of the beta or nightly builds of firefox to see if the problem is still there!
I can confirm it happens in Linux too. I have two reports of it breaking in FF3. One user uses Fedora 10 and it only started after the upgrade to 0.5
I’d debug it myself but I’m useless at css and I have some WPMU work to do too!
I’ll report the problem to Balupton so he can follow it! Thanks for the warning!
Interesting. I couldn’t figure out for the life of me why it was working on Baluptons home page but not my local copy – it was all the same source code. Then I realized that everything works if firebug is disabled. When it is enabled, the page is rendered with a black overlay and nothing is clickable. Hope this info helps!
This info definitely helped! But I hope the next release will fix this bug. Web developers always use firebug imo.
the problem comes from the debug functions, which is quite ironic
http://plugins.jquery.com/node/5605
Hi,
I just tried installing this and I can’t seem to get it to work. I checked the HTML source for the rendered screen and the plugin doesn’t seem to be adding in the jquery library anywhere in the code. Any idea what I might be doing wrong?
Can you guive me your site address where you put the plugin in use so I can check what’s wrong?
I’ve sent the URL to you via the contact form.
I’m using this on WordPress 2.7 and it doesn’t seem to be compatible with All-In-One_SEO nor SEO Platinum…Any one else having issues?
Is there a way to simplify the display? I want to show the image and the caption together, without showing the image first, then the caption on mouseover then the close link on hover above the caption.
Also, there seems to be some unnecessary movement of the image repositioning itself after loading and resizing. Is this a compensation for the caption bar? How do I turn that off?
Thank you.
I don’t understand how does the album option works ¿?…. Do i have to add ” rel=”lightbox-album” ” to the link tag of the first image? I mean… I have a list of code for several images, where must the “rel=”lightbox-album” ” be inserted?
thanks anyway
On each of the link tags (the “” tags) of each image, you put the ‘ rel = “lightbox-my_album_name” ‘, replacing “my_album_name” with whatever you like!