Lightbox 2 WordPress Plugin
WordPress 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
[...] Lightbox JS Plugin – used to overlay images on the current page into neat Javascript-powered overlay popups. [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] Lightbox-LightBox Nedir ? LigthBox burdaki gördüğüz çalışmadaki resimleri tıklamada karşınıza gelim şekli Lightbox ile olmuştur. İşte ona Lightbox deniliyor. [...]
great plugin!
[...] Lightbox 2 – плагин позволяет показывать изображение в реальном размере по клику и выводит его в форме лайтбокса. Multi-Topic Icon: плагин позволяет присвоить к каждой категории блога иконку и впоследствии вместо названия категории показывается изображение. Random Image – случайно выбирает картинку из предыдущих постов и публикует вместе со ссылкой на пост откуда взята картинка. Transparent PNG Fix – позволяет избежать проблем с “прозрачными” PNG. WP Wetfloor – создаёт “популярный в прошлом” эффект отражения для изображений. Audio Player – позволяет добавить в посты простой MP3-плеер. XSFP Player – Flash-плеер в блог. DG PlayingNow Updater – показывает мелодии, которые вы прослушиваете на iTunes, MSN Messenger или J. River Media Center. EZ-Scrobbler – показывает ваши мелодии с last.fm. iTunes Spy – показ ваших треков с iTunes. Pandora Feeds – показывает ваши данные с Pandora: список станций, закладки по мелодиям и исполнителям. onAirNow – плагин показывающий самые последние композиции проигрываемые на iTunes или WinAmp. Odeo – добавляет в блог подкаст сохранённый на Odeo. PodPress – многофункциональный плагин для подкастинга, включающий создание фидов, статистику и проч. [...]
Simon:
Love this plugin, but I have found a little bug, or maybe rather unintended feature!
When you’re on a page with multiple posts (ie. index.php or archive.php – NOT single.php) and there are several groupings of lightbox content, it puts them altogether as one presentation.
Example:
latest post – 3 photos
next oldest post – 4 photos
older post – 3 photos (etc.)
When clicking on any of the photos, it will show all of them as part of the one presentation. I think you should just be able to click through the photos associated with that post…??
Hi Simon, change the roadtrip in rel=”lightbox[roadtrip]“ with your gallery name:
latest post – 3 photos – rel=”lightbox[roadtrip1]“
next oldest post – 4 photos – rel=”lightbox[roadtrip2]“
older post – 3 photos (etc.) – rel=”lightbox[roadtrip3]“
Simon:
Hi Peppe,
Thanks for your reply, I didn’t expect to get a reply from the developer of the plugin! I am actually using the “lightbox_create” function to automatically insert the rel string. I have done some fiddling around with lightbox.php, specifically with this function and can’t get it to work properly.
What I’d like to achieve is something like this:
rel=”lightbox[roadtrip-{$the_ID}]”
But this doesn’t work. Any suggestions you might have, I’ll be willing to try them! Thanks again.
This is really nice, it’s easy to install…
[...] Lightbox 2：灰盒子插件，用幻灯效果显示图片，很酷。 [...]
[...] Lightbox 2：灰盒子插件，用幻灯效果显示图片，很酷。 [...]
[...] Lightbox JS v2.04 Plugin 1.8 (Blogdaki resimlerin Lightbox efekti ile gösterilmesini sağlar) [...]
[...] LightBox 2 [...]
it seems that this plugin will cause an error when viewed using IE7. Prob the bug as written on this site http://support.microsoft.com/kb/927917
rhardo:
what does image set mean?
Excellent. Thanks for the effort.
[...] Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar. Link [...]
[...] Lightbox 2 WordPress Plugin [...]
[...] Wenn das soooo einfach ist probiere ich mal ein paar Plugins für unsere Installation aus: Lightbox 2 1.8.2 und All in One SEO Pack 1.4.6.13 habe ich mal installiert und aktiviert. 29 August 2008 in [...]
[...] Lightbox JS Plugin – used to overlay images on the current page into neat Javascript-powered overlay popups. [...]
[...] загружать на блог несколько картинок сразу. 74. LightBox 2 – это плагин добавляет эффект затемнения заднего [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] загружать на блог несколько картинок сразу. 74. LightBox 2 – это плагин добавляет эффект затемнения заднего [...]
[...] have an up-to-date install of WordPress running. Next either download the plugin for Thickbox or Lightbox and activate [...]
[...] So, schauen wir mal, ob hier Plugins installierbar sind, wie Role Manager , Lightbox oder Drop Down [...]
[...] Lightbox JS Plugin – per l’inserimento di belle gallerie fotografiche. [...]
Hi,
I love this plug-in, but I’ve a problem with it: on my blog (WordPress 2.6, with Atahualpa 2.01 theme), it works only in the “preview” mode. How is it possible?
When I publish the post, all lightbox effects disappear.
I really don’t know what to do… Could you help me?
Thank you in advance for your attention!
Ciao Serena, non vedo il codice del mio plugin nella tua pagina, controlla se nel file header.php del tuo tema c’
Figurati, e io che mi sono anche sforzata di esprimermi in un inglese comprensibile! 
Stavo facendo delle prove e probabilmente in quel momento il plugin era disinstallato…ora dovrebbe esserci. Comunque s
dimmi un post dove provarlo
Ho fatto un post di prova
http://siregalanolibri.altervista.org/wordpress/2008/09/prova-lightbox/
Facendo l’anteprima funziona benissimo. Appena lo pubblico, invece, niente!
a me funziona! devi aspettare che tutta la pagina sia stata caricata
Hai ragione, funziona anche a me ora! Probabilmente ci cliccavo troppo velocemente…non mi era proprio passato per la mente di aspettare.
Già che ti ho scomodato per un problema inesistente…posso chiederti anche che cosa si intende per “roadtrip”? In pratica, cosa devo scriverci di preciso?
Maglio cos
Ok, capito. Grazie infinite! 
Nel frattempo ho capito cosa dà noia al plug-in: quel widget java della Feltrinelli che ho nella sidebar destra… Continua a risultare “in lettura” per minuti interi, talvolta, impedendo alla pagina di caricarsi completamente. Non ci sarei mai arrivata!
Grazie ancora per la pazienza.
The plugin works great with firefox and even in the new ie8, but it will not load my website with this plugin in internet explorer 7… if only everyone used firefox… i would be able to use it…
[...] Lightbox 2: A Lightbox 2 plugin a képeknél hasznos.Biztos láttátok már, hogy egy honlapon rákattintotok egy miniatűr képre, vagy egy szöveglinkre, és a kép nagy változata megjelenik egy kis fehér ablakban az eredeti ablakon belül. [...]
[...] Lightbox JS Plugin for nice pics [...]
[...] with my friend George (you couldn’t pronounce his surname). Also good opportunity to test the lightbox plugin for [...]
[...] kannst dir das Plugin hier downloaden, ziemlich weit unten auf der Seite ist der [...]
kuba:
Hi I am trying to make this plugin work but with no success. I have installed everything with no problem and when I am post a picture like this:
it doesn’t work have a look http://plaveckyblog.com/?p=145
thank you for any help
@Kuba: hi, i can’t see my code into your page, check you have the < ?php wp_head(); ?> in header.php, many themes forget it.
nemo:
I have an issue with this plugin….. I have tried installing it and just activating it, and then adding the rel=”lightbox” in the image tag and in IE7 it does nothing, it just opens the root folder of the image, in FF3 as soon as I get to the page it starts to load the effect of opening an image and it just keeps on loading; nothing ever comes up, it just shows the circular spinning. This happens in FF3 whenever I get to the page that has the effects rel tag on it….. Please help me with this, as this is a pretty sweet effect…
Hi Pepe,
I have done changes you recommended: adding in header.php but still this hasn’t fixed the problem. Could you please have a look at it once again?
Thanks a lot
Kuba
@Kuba: i can’t see the test page.
@nemo: link me…
[...] Lightbox 2 – Generates thumbnails that when clicked load in a lightbox. [...]
I have some problem with the add_action in the lightbox.php, if I don’t uncomment this line, my website crash :/
[...] Ktai Style 携帯用に軽量なページを作成する。 Lightbox 2 画像表示をLightbox風にする。 StatPress ブログのアクセス解析。 Subscribe To [...]
[...] y el problema que me encontr
[...] Lightbox 2 – Genera miniaturas que al ser clickeadas muestren la imagen a tamaño real con el conocido efecto del script Lightbox.Multi-Topic Icon – Te permite colocar un icono para cada categoría de tu blog. [...]