Lightbox 2 WordPress Plugin
29 Mar 06WordPress plugin used to overlay images on the current page into neat Javascript-powered overlay popups.
16-12-2008 – Version 2 is out! Now from settings you can choose background-color, overlay opacity, resize speed and automatically add the lightbox effect to your post’s images.
This plugin includes the new Lightbox JS v2.0.4 javascript written by Lokesh Dhakar and and was then transformed into a WordPress Plugin by me. Use a title attribute if you want to show a caption. Click on the images below for an example.
- 29-07-2007 – See also the new Slimbox WordPress Plugin, a 7kb clone of the popular Lightbox JS
- I added the digg it button, please DIGG ME!
Upgrade
- De-activate the plugin.
- Delete the old version `lightbox-2-wordpress-plugin` directory.
Installation
- Unzip the `lightbox-2-wordpress-plugin.zip` file.
- Upload lightbox-2-wordpress-plugin folder to the /wp-content/plugins/ directory.
- Activate the plugin through the ‘Plugins’ menu in WordPress, go to Setting->Lightbox.
- Add a rel=”lightbox” attribute to any link tag to activate the lightbox, or rel=”lightbox[roadtrip]“ for an image set.
- Optional: Use a
titleattribute if you want to show a caption.
Single example:
<a href=”img1.jpg” rel=”lightbox” title=”my caption”>thumbnail1</a>
Image set example:
<a href=”img1.jpg” rel=”lightbox[roadtrip]“>thumbnail1</a>
<a href=”img2.jpg” rel=”lightbox[roadtrip]“>thumbnail2</a>
<a href=”img3.jpg” rel=”lightbox[roadtrip]“>thumbnail3</a>
Tnx to my sister for the photos! Link me in your site!
Changelog
Version 2.0.2 (19-12-2008)
Some fixes
Version 2.0 (16-12-2008)
Background-color, overlay opacity, resize speed, auto-lightbox from settings.
Version 1.8.2 (09-06-2008)
Some fixes
Version 1.8 (14-03-2008)
Update Lightbox Js to version 2.04
- v2.04 – 03/09/08
- NEW – Upgraded Prototype from v1.4 to v1.6.0.2
- NEW – Moved label text into configuration for easier localization
- UPDATED – Code cleaned up. Respect for the global namespace and native javascript objects.
- FIXED – Caption displays as “null” when viewing an uncaptioned image after viewing a captioned image.
- FIXED – Clicking ‘close’ button shifts layout as link focus’ dotted line appears.
Version 1.7 (12-06-2007)
Update Lightbox Js to version 2.03.3
- v2.03.3 – 5/21/07 – Support for horizontally scrolling pages. Added updateImageList method for ajax’y pages.
Fixed xhtml validation
Version 1.6 (05-05-2007)
Update Lightbox Js to version 2.03.2
- v2.03.2 – 4/30/07 – Fixed animated gif support in IE/Opera.
- v2.03.1 – 4/18/07 – Fixed embed hiding. Overlay opacity var added to config. Image sets w/Imagemaps fix. Clearfix removed.
- v2.03 – 4/10/07 – Improved keyboard navigation. Animation off toggle. HidesFlash movies under overlay. Imagemap support. Valid CSS.
Fixed close and loading vars (Tnx to Anton Zhuchkov)
Changed “get_settings(‘home’)” in “get_option(‘siteurl’)”
(Tnx to Luca Dentella)
Version 1.5 (06-05-2006)
Fixed close and loading vars.(see here if u have problem with close button)
Version 1.4
Fixed path’s problem
Update Lightbox Js to version 2.0.2
Centering in IE6 (any DOCTYPE) fixed.
Smoothed out resize transition.
Fixed layout issues caused by multiline captions.
Added keyboard navigation: N for next, P for previous and X for close.
Version 0.3
Single Images and Image Set
My plugin on wordpress page suddenly stopped working. I wrote several email to them but nothing…

If you appreciate this plugin or my support, please donate to me so I can but a cup of coffee. Thank you!

Thanks to the donors:
- Per T Sovik
- Hoa Hua
- Spencer Harris
- Jan Herrmann
- Niels Emmer
- Sahar Alarayedh
[...] 25 © Lightbox2 Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar. Link [...]
[...] been fooling around w/ this WordPress layout and like it but it still needs work. I added the Lightbox 2 plug-in too and I hope that works out for the “Illustration & Comics” page. I think I could [...]
Sallie Goetsch (rhymes with "sketch"):
This is the plugin I’ve bee waiting for. The automatic feature makes life so much easier.
PS It’s “Buy” a cup of coffee. Which I used to be able to say in Italian, back when one would do it in lira. And I really should make a donation out of sheer, unadulterated gratitude.
[...] Lightbox JS Plugin – Usado para exibir imagens maiores na mesma página usando Javascript overlay [...]
[...] WordPress plugin used to overlay images on the current page into neat Javascript-powered overlay popups. Use the title attribute if you want to show a caption. Control at which image to display popup and which to open normally or even you can display images at popup in a cycle with next and previous buttons controls. Download [...]
[...] загружать на блог несколько картинок сразу. 74. LightBox 2 — это плагин добавляет эффект затемнения [...]
rxt:
LB2.01 and 2.02 don’t work with the Nextgen Gallery plugin in WordPress. Just so you know.
o.me:
Hi,
I use your plugin and I really like it but a few minutes ago an error occures: http://www.abload.de/image.php?img=lightbox_bugs2es.jpg
As you can see a part of the pictures protrudes over the rest of the website (grey part is the lightbox effect as you know
)
[...] Lightbox JS Plugin – Usado para exibir imagens maiores na mesma página usando Javascript overlay popups. [...]
doesn’t work for me in WP 2.7=(
rxt:
My message above is probably not correct, as I’m using an old version of NextGen Gallery. Haven’t tried the latest version yet.
[...] Leprakhauns Word Count – 在日志编辑页面添加字符计数功能。 Lightbox 2 – 灰盒子插件,用幻灯效果显示图片。 Limit the size of main page posts – [...]
[...] #5 - Lightbox [...]
thank for this one!
nice plugin
It doesn’t work in IE7 for me. It works fine i Firefox.
rogy:
does not work with wordpress 2.7.1, please fix that and make an update!!!
thnx
Rogy
[...] загружать на блог несколько картинок сразу. 74. LightBox 2 – это плагин добавляет эффект затемнения заднего [...]
This is a very good plugin to show all my photos in a small and nice design.
Thank you for your work!!!
Kaizen:
The next button doesnt want to appear, I dont have any problems with the prev button though. Anyway to fix this?
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的æµè§ˆæ–¹å¼ï¼Œéžå¸¸æ¼‚亮。 [...]
Lightbox doesn’t work on updated wodpress 2.7.1…..? That really stinks! Help us please showcase you’re plugin once again!!!!!!!!!
Hi! My lightbox doesn’t work. I’ve to install something other to have a working lightbox? My host needs any something special?
[...] Redirect – cho phép bạn tạo một liên kết đến một bài viết bất kì trên blog. Lightbox JS Plugin – thường dùng để tạo một popup cho các ảnh trong bài viết giúp ảnh hiển thị [...]
david:
hello,
i am very new with wordpress so i do not understand how to work with this plugin
it’s uploaded and installed in my wp : ok
when you describe
* Add a rel=”lightbox” attribute to any link tag to activate the lightbox, or rel=”lightbox[roadtrip]“ for an image set.
(…)
Image set example:
thumbnail1
(…)
1. do you mean : i have to upload the picture AND thumbnail ?
2. where do i “Add a rel=”lightbox” attribute”
many thanks for your help
david
[...] Lightbox 2 [...]
[...] LightBox 2 – это плагин позволят показывать оригиналы картинок при нажатии на миниатюры картинок. При этом задний план затемняется. Примеры работы этого плагина ты можешь видеть в моем блоге в категории Мои фотографии. [...]
[...] Lightbox 2 — показывает изображение в реальном размере по клику и выводит его в форме лайтбокса. [...]
Josh:
Plugin doesn’t work anymore with WP 2.7.1
[...] 8. NextGEN Gallery – Have images and need to create galleries on the fly? Simply add this plugin, and it goes well with many others (such as Lightbox 2) [...]
[...] too simply. I needed a way to present the images in a slideshow like manner. This is where the Lightbox plugin by Giuseppe Argento comes to play. This plugin integrates the amazing Lightbox effect (originally [...]
[...] 今回ご紹介するのはLightbox。サムネイルをクリックすると画像を表示してくれるやつです。 [...]
[...] Slimbox Plugin Basically a stripped down version of the lightbox plugin. [...]
hi Pepe
I ‘ve been looking into the comments for hours trying the various correction of lightbox.php line 48 – 49 but I did’nt succeed in making your plugin work with wordpress 2.7.
What are the REAL modification to do on this file to make it work with last wp version
?
here is the phase where I’m locked : http://bip.agence.free.fr/antoine-chaudet/ – as you see it’s a bit of bug’s fireworks around the page !
Anyway thanx for the big job you doing here !
Sincerely, RR
name:
Works fine in WordPress 2.7.1
A little fix for those using the plugin in conjunction with the “Read More Right Here”-plugin. That plugin fetches the posts’ content after “read more” via JS and inserts it directly on the current page. The automatic lightboxification doesn’t work there, because wp_head is never executed (only the ‘the_content’ filter).
Before:
add_action(‘wp_head’, ‘lightbox_display_hook’);
function lightbox_display_hook($content=”) {
…
if ($contitionals['is_automatic']) {
add_filter(‘the_content’, ‘lightbox_auto’);
add_filter(‘the_excerpt’, ‘lightbox_auto’);
}
$content .=lightbox_wp_head();
}
return $content;
}
After:
add_action(‘wp_head’, ‘lightbox_display_hook’);
function lightbox_display_hook($content=”) {
…
$content .=lightbox_wp_head();
}
return $content;
}
if ($lightbox_contitionals['is_automatic']) {
add_filter(‘the_content’, ‘lightbox_auto’);
add_filter(‘the_excerpt’, ‘lightbox_auto’);
}
—
This fix may generally be a good idea for 2.0.3 – especially as lightboxyfication is quite unobtrusive even if javascript is somehow not present.
[...] Lightbox [...]
[...] изображения для названий заголовков статей. Lightbox 2 – плагин позволяет показывать изображение в реальном [...]
[...] LightBox 2 – Чудесен ефект за представяне на снимките в блога ви. При кликване върху изображението се получава т.н. fade effect и снимката излиза на преден план в реалния си размер, докато фона на страницата потъмнява. [...]
[...] Lightbox 2 – Generates thumbnails that when clicked load in a lightbox. [...]
nice, really nice!
[...] Lightbox JS Plugin- 为当页图片使用全新JS脚本的浏览方式,非常漂亮。 [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式,非常漂亮。 [...]
flo:
hi,
there`s a little fault in your descriptions, i don`t know wether a problem of IO-language-compatiblity or just a writing fault not…
the code : thumbnail1 does not work on my wp-site
…it took some time to understand, what was wrong: your quotes are italic…when i use straight quotes, it works fine:
so maybe you should change this or give a hint…
thanks for the plugin,
all the best,
f.
[...] Lightbox JS Plugin – thường dùng để tạo một popup cho các ảnh trong bài viết giúp ảnh hiển thị chi tiết và rõ hơn. [...]
[...] Lightbox 2 [...]
[...] Lightbox JS Plugin – Usado para exibir imagens maiores na mesma página usando Javascript overlay popups. [...]
Thanks a lot. Great plugin. Almost magical!
However, the title is not appearing the zoom, even after adding the title”my title” tag after rel=”lightbox”.
Any suggestions?
I’m using WP 2.7.
Thanks
[...] загружать на блог несколько картинок сразу. 74. LightBox 2 – это плагин добавляет эффект затемнения заднего [...]
[...] Lightbox JS Plugin – thường dùng để tạo một popup cho các ảnh trong bài viết giúp ảnh hiển thị chi tiết và rõ hơn. [...]
[...] Lightbox JS Plugin – per l’inserimento di belle gallerie fotografiche. [...]
« 1 … 20 21 22 23 24 25 26 27 28 29 30 … 33 » Mostra tutto









Joe Devine:
There’s a bug in the logic check for individual post metas turning off lightbox. You check if it’s false. However, if it was never set, it will be blank, which will evaluate to false. Update it to check for != true and it works.
line 48,49
$lightboxoffmeta = get_post_meta($post->ID,’lightboxoff’,true);
if ($lightboxoffmeta != “true”) {