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
Ricevi gli aggiornamenti di 4mj.it via Feed
1,531 commentiLascia un commento
[...] Lightbox 2 – Generates thumbnails that when clicked load in a lightbox. [...]
[...] 1、このサイトから最新版（現在はLightbox JS 2.2）をダウンロードさせてもらい解凍する [...]
[...] 25 © Lightbox2 Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar. Link [...]
[...] まずは「Lightbox 2」から。 同名のプラグインがあるので注意。。。 これは前回動かなかったプラグインだけど今回は…？ …動きませんでした。 [...]
thanks good job!
[...] Sites – 当读者通过搜索引擎找到博客时，自动显示该关键词相关的日志。 Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 NAVT - [...]
[...] J’ai acheté les thèmes Studio Press pour les tester et les offrir à mes clients. J’ai installé les thèmes sur Studio Press Themes by Diana Blue. Oui, le Démo Blogue est en anglais, mais tous les thèmes sont disponibles en français. Pour vous donner une idée du look des thèmes Studio Press dans leur état naturel, j’ai capté des images de chacun des thèmes avec Snapz. Je vous les présente ici avec Lightbox. [...]
[...] Lightbox 2 [...]
[...] Lightbox 2 – Плагин показывает изображение в реальном размере по клику и выводит его в форме лайтбокса. [...]
[...] загружать на блог несколько картинок сразу. 74. LightBox 2 — это плагин добавляет эффект затемнения заднего [...]
Hi! I was surfing and found your blog post… nice! I love your blog. 
Cheers! Sandra. R.
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] Lightbox 2 Wordpress Pluginのサイト上に行き、デスクトップ上の見えやすい位置にでもdownloadします。 [...]
[...] [...]
[...] * 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. [...]
Cool Great!!! Nice !!! Thanks.
[...] 25 © Lightbox2 Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar. Link [...]
[...] Lightbox 2 – Generates thumbnails that when clicked load in a lightbox. [...]
StanHi!
i have conflict with jQuery-plugins on front page.
How to disable plugin on front page.
Where I can insert this code:
Sign: yyams Hello!!! punht and 843dhursyvpxd and 7004 My Comments: Cool!
I am using Lighthouse 2 on my website http://www.gibsondesigngroup.net/perfectpalettes
The only problem I am running into is that site visitors cannot download the enlarged image. Is there a hack for this?
Hi there!
I really enjoyed this plugin until I figured out that it was incompatible with my wordpress blog.
If this plugin is installed, and you also have plugins that do flash embedding (e.g. wp-cumulus or flv embed) then any page that includes a flash movie crashes IE7’s rendering engine. (“Internet Explorer cannot display the webpage” error.) Really terrible — instead of getting a web page you get an error page.
This is 100% the fault of IE7’s rendering engine, but I can’t force my visitors to upgrade or patch their IE7 – so I’m uninstalling this plugin.
If you’d like to replicate the results see this page:
http://cantonbecker.com/errortest.html
The error goes away once I stop including ‘lightbox.js’
- canton
[...] og setja saman gallerí og the Custom Fields því til stuðnings. Kimili Flash Embed og Lightbox2 nota ég einnig til að sýna [...]
JillI have been having problems with the latest version of this plugin. It appears to be incompatible with the plugin “featured content” – it stops it working.
Also, using Internet Explorer, a couple of seconds after opening the page you get a big black image covering half the screen. You can scroll down and it doesn’t move with the page.
Because of these I have had to remove the Lightbox plugin 
hmm…
Jillsorry, I should have given a web link to the site having a black screen!
It’s http://www.papillonclub.co.uk
Curious, what do you mean by “hmm…” ?
[...] thumbnail1 Categories: Featured News Comments (0) Trackbacks (0) Leave a comment Trackback [...]
[...] 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. [...]
Love this plugin, but I have found a little bug, or maybe rather unintended feature!
thank your for the plugin.
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] 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. [...]
nice plugin tnx
[...] Lightbox JS v2.04 Plugin 1.8 (Blogdaki resimlerin Lightbox efekti ile gösterilmesini sağlar) [...]
[...] Lightbox 2: Exibe uma galeria de imagens usando Java Script. Excelente para visualizar várias imagens dentro [...]
Filipe MarinhoHello, sorry about the bad English
I would suggest something in your plug-in of wordpress lightbox.
Sugestion:
It would be great if there were a way to leave comments on photos, i thought in a link to a comment’s pop-up or to a attachment’s page of the photo on lightbox boxes, so that users can comment on them.
Thank you for your attention
Filipe Marinho
nice plugins. thanks for sharing.
Hi,
I get an error in Internet Explorer in which the Details say:
Line: 3
Char: 2
Error: ‘null’ is null or not an object
Code: 0
The website is located at: http://www.marcinbera.com
When I deactivating Lightbox plugin this resolves the problem but I still want to use it so…?
What or where could this error be? And how do I troubleshoot IE errors like this?
Thanks to anyone for their assistance.
Thank your for the plugin.
Cool plugin, Thanks for sharing.
I like this plugin.
[...] 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 – Un plugin exceptional ce permite introducerea de galerii fotografice. [...]
Wow so good… thank alot
Hi, I really liked this plugin but now it seems to get troubles with some themes and isnt compatible with 2.8.4 of wordpress. Any tips on how to fix this ?
[...] JS2 Lightbox 2 | Lightbox 2 Wordpress Plugin » 4MJ – Internet News Slimbox 2, the ultimate lightweight Lightbox clone for jQuery · [...]
Dear Sir,
Your plugin “Lightbox” is great, but it doesn’t work correctly with Wordpress 2.8.5 the latest hardened version.
Viewing pictures is working fine. The only problem I see is when I want to preview a posting from the editor window. Then the top part of the screen is blacked out entirely. If I switch off lightbox, this problem disappeares.
It would be great is this were solved. I want to continue to use lightbox.
Kind regards,
Carlo
Hey, you have a great blog here! I’m definitely going to bookmark you! Thank you for your info.
[...] Lightbox 2 (5/48) . Have you seen a neat trick on some websites, where you press on the image, the whole page dims into the background and the active window or image pops-up to the front? If you don’t know what I’m talking about, just head to the plugin page and press on the images there. If you want such a trick on your blog, install the plugin. [...]