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,532 commentiLascia un commento
[...] Lightbox 2 Wordpress Pluginでダウンロードか、 WordPressのPlugin Directoryで「Lightbox 2」と検索すれば手に入ります。 [...]
[...] картинок Slimbox (это который облегченная версия Ligthbox). И все было прекрасно и замечательно, пока я не [...]
[...] Lightbox 2Anzeige von Bildern [...]
bcI shows up a javascript error with explorer… works fines with mozilla…
[...] Lightbox JS Plugin – 為當頁圖片使用全新JS程式的瀏覽方式，非常漂亮。 [...]
[...] Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar. Link [...]
[...] Wordpress：バージョン2.6.2 Lightbox 2：バージョン1.8.2 [...]
[...] 5.Lightbox 2 [...]
[...] Lightbox JS Plugin – thường d
[...] Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar. Link [...]
[...] WordPressに移行して、テーマもなんとか見られるものに出来たので、「次はプラグインじゃ！」といろいろ試しておりますた。 中でも、MTの時から仕込もう仕込もうと思って出来てなかった Lightbox 2を入れてみたのであります。イメージの貼付けがいろんなパターンで出来るようにと、あわせてNextGEN Galleryも入れみてウホウホしてたんでありますよ。 [...]
[...] 说明可以参见http://www.4mj.it/lightbox-js-v20-wordpress/ 刚做了一个例子，觉得效果还是不错。 例子在这里， [...]
[...] need that great features. So, I finally decide the plugins to extend my blog to a photo blog, Lightbox and [...]
[...] Lightbox JS Plugin - per l’inserimento di belle gallerie fotografiche. [...]
[...] Lightbox JS Plugin – used to overlay images on the current page into neat Javascript-powered overlay popups. [...]
thanx for plugin
[...] Lightbox 2 – 很酷的图片显示方式。 [...]
[...] Lightbox 2 Wordpress Plugin [...]
Hello,
I don’t get the nice border around my image, nor the lovely gray “background” when I click on my image. What am I doing wrong?
Hi Web-Betty you have another .css wht the same overlay class
http://www.web-betty.com/blog/wp-content/plugins/wordpress-flickr-manager/css/lightbox.css
mine is
http://www.web-betty.com/blog/wp-content/plugins/lightbox-2-wordpress-plugin/lightbox/css/lightbox.css
thank you for the quick reply. I have removed the other file (the entire plugin, actually) and it worked once. Then I added the rel=”lightbox” to an image in a completely different post and now it’s not working again. 
[...] 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. [...]
[...] и для открытия изображений вы используете плагин Lightbox2 Wordpress plugin, то возможно у посетителей вашего сайта, которые [...]
[...] 25 © Lightbox2 Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar. Link [...]
[...] Lightbox JS Plugin – Usato per mostrare agli utenti le immagini con una dimensione maggiore usando uno Javascript overlay popups. [...]
[...] Lightbox JS Plugin – Usado para exibir imagens maiores na mesma página usando Javascript overlay popups. [...]
[...] Lightbox JS v2.2 Plugin 当点击网页中的图片链接时，背景会立即变暗并且出现loading…..然后，出现一个美美的方框显示大图，这就是Lightbox。 [...]
Hi guys, nice plugin. Would you be able to tell me if it creates a robots comand to block the search engines from indexing the Lightbox plugin folder.
I’m suspecting it’s causing problems with my current robots.txt file, if theres some way of disabling the robots comand in the Lightbox plugin just so I can run a few tests that’d be great.
[...] プラグイン（lightbox-2）をダウンロード [...]
Hmm does it work well with jQuery? Cos’ some of the stuffs I have used for jQuery seem to be locked.
VERY COOL PLUGIN! I certainly will use it in my blog x10 !
Спасибо за плагин!
JohnoHi – cool wordpress plugin! Is there any way to get this plugin to degrade nicely if javascript is turned off – so the links just link through to the picture rather than loading lightbox? At the moment if I turn javascript off I just get the lightbox image loading layer.
Thanks for any help you can give.
[...] Lightbox 2 [...]
[...] Lightbox JS Plugin – thường d
[...] Lightbox 2 – Genera miniaturas que al ser clickeadas muestren la imagen a tamaño real con el conocido efecto del script Lightbox. [...]
[...] 25 © Lightbox2 Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar. Link [...]
[...] A simple plug-in both to install and to use, the Lightbox plug-in by Peppe Argento uses Lightbox JS by Lokesh Dhakar to display image zooms on your site. Light Box [...]
[...] Lightbox 2：灰盒子插件，用幻灯效果显示图片，很酷。 [...]
[...] Plugin Homepage » [...]
[...] Lightbox 2：灰盒子插件，用幻灯效果显示图片，很酷。 [...]
Great plugin! Implementing it on my blog now:
Launched 9/25/2008
Thanks again and great work!
Jeff
[...] Lightbox 2：灰盒子插件，用幻灯效果显示图片，很酷。 [...]
DjoHHi,
Simply a real big up for this plugin, it rocks….but i’ve got a warning message and i don’t understand what it means…I’m not a professionnel of php, css, and js.so if you can help me i’ll be happy.
Here is a copy of the warning message :
Warning: Call-time pass-by-reference has been deprecated – argument passed by value; If you would like to pass it by reference, modify the declaration of getimagesize(). If you would like to enable call-time pass-by-reference, you can set allow_call_time_pass_reference to true in your INI file. However, future versions may not support this any longer. in C:\Program Files\EasyPHP 2.0b1\www\TOOTENJOI\wp-content\plugins\awsompixgallery\pixgallery.php on line 1891
[...] Lightbox JS Plugin – used to overlay images on the current page into neat Javascript-powered overlay popups. http://www.4mj.it/lightbox-js-v20-wordpress/ [...]
[...] uživatelům HyperCache – kešovací plugin pro zrychlení webu, a ulehčení databázi i serveru Lightbox2 – plugin pro zobrazování obrázků s efektem (viz obrázky na m
[...] Lightbox JS Plugin – used to overlay images on the current page into neat Javascript-powered overlay popups. [...]
[...] Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar.Link [...]
[...] Lightbox 2：灰盒子插件，用幻灯效果显示图片，很酷。 [...]
[...] Lightbox 2.0 For WordPress Use the ever popular Lightbox 2 on your WordPress. [...]
Pages: « 1 … 16 17 18 19 20 [21] 22 23 24 25 26 … 31 » Show All
[...] Lightbox 2 (5/48) . 不知道你是否已经在一些网站上已经看到，当你点击一张图片，整个页面就变得模糊成背景，而当前页面则成了一张图片。如果你不明白我在说什么，那么请点击插件页面，然后点击那里的图片。如果你需要这样图片技巧，那就安装着个插件吧！ [...]