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 2 – это плагин добавляет эффект затемнения заднего плана при открытии картинок на вашем блоге. Вы наверняка встречали такой эффект на блогах. [...]
I tried slimbox the same day 
it still made the page very slow
This Plugin is great but it worked not always for me, im still trying to fix it!
In the original lightbox plugin, it allowed music to be added to the slideshow. Does this plugin allow this as well?
JG:
Nice Plugin – Thanks from Deluxe Label (Germany)
[...] Lightbox 2 [...]
The plugin works great however it often causes IE 7 to crash when clicking into a post and even if the post doesn’t contain any lightbox elements. Works great in FF though.
I disabled the plugin so it works in all browsers again. Is there something you could do to fix that?
Nevermind. I just realized your version was 2.04 and someone has since re-released it as 2.2 and it has fixed the issue.
Hi,
It doesn’t seem to work with images from external servers? Images have to be uploaded onto the wordpress interface for it to work?
Can it be made to work with images linked to elsewhere?
[...] в том же окне. Помог плагин – Lightbox 2.0 – качать вот отсюда. Там все написано, более понятно, чем на других сайтах [...]
[...] 加了Lightbox Plugin，這裡click看圖時就不用跳到一個新頁了！TRY IT OUT！！ [...]
[...] Lightbox JS v2.03.3 Plugin：用来展示图片画廊，图片的缩小放大效果很COOL。写文章插入图片的地址后面加上 rel=”lightbox”就可以增强图片显示效果。 [...]
[...] Lightbox 2 – 灰盒子插件，用幻灯效果显示图片。 Limit the size of main page posts – 指定首页日志摘要的字数。 [...]
kmljynaoi noil uasfempg rcsmu mtyvjqgd izrlpeqw wmhfpayqu
bite guardingly uncredibility sunshiny cuscuta prohibitionist youze yttrocolumbite
The Titanic Trail
http://www.venetiannavigator.com/
“All-in-One” транслятор новостей »
it still made the page very slow
Yes. Realy.
Slow…
I disabled the plugin so it works in all browsers again, is there something you could do to fix that ?
Track back. Thanks…
popular plug-ins for wordpress » or zero
[...] Custom Smileys: Smileys horen er bij he.. Met deze plugin kun je alles makkelijk zelf aanpassen. Lightbox JS v.2.2: Voor het mooie lightbox effect om de foto’s. Audioplayer: Voor het afspelen van mp3 [...]
[...] LightBox 2 – это плагин добавляет эффект затемнения заднего [...]
[...] Lightbox JS Plugin – Usado para exibir imagens maiores na mesma página usando Javascript overlay popups. [...]
[...] 最后一定要记住…..Lightbox JS插件要开启才行. 快速链接:http://losing.yo2.cn/go/15919.html #favs img{padding:1px;margin:0px;border:1px solid #EEE;} 随机文章:全球资源紧张,通涨加速免费的办公软件 Openoffice股票技术指标解释免费的办公软件 OpenofficeLightbox JS用法No tag for this post. cT=”0″;nc=”#444444″;nBgc=”#FFF7DE”;nBorder=”#F5E5A9″; tc=”#649B00″;tBgc=”#FFF4D0″;tBorder=”#F5E5A9″; tDigg=”%E6%8E%A8%E8%8D%90″;tDugg=”%E5%B7%B2%E8%8D%90″; defaultItemUrl=”http://losing.yo2.cn/archives/15919″;defaultFeedUrl =”http://losing.yo2.cn/feed”; printYo2FavControl(“”,”",”Lightbox JS用法”,”Lightbox JS 效果图: 用过wordpress的人都知道这个插件Lightbox JS 的确很好,自动给文章上的图片加入漂亮的动画效果,需在文章上加入图片缩略图，并设置图片缩略图链接到大图,不过也无所谓,大小图的地址可以一样的,插件使用方法: <a href=”大尺寸图片网址” rel=”lightbox” title=”图片标题”> <img src=”小尺寸图片网址” alt=”鼠标悬停说明” /></a> 最后一”);最近阅读过此文章的网友: « 阴三儿的自由式 首页 [...]
jim:
PHP Fatal error: Call to undefined function update_option() in /var/www/html/myblogdirectory/wp-content/plugins/lightbox-2/lightbox2.php on line 13
did a google on this and it is full of this error…and I am getting it…can someone please suggest a fix?
[...] Lightbox 2 (5/48) . 不知道你是否已经在一些网站上已经看到，当你点击一张图片，整个页面就变得模糊成背景，而当前页面则成了一张图片。如果你不明白我在说什么，那么请点击插件页面，然后点击那里的图片。如果你需要这样图片技巧，那就安装着个插件吧！ [...]
[...] Lightbox JS Plugin – used to overlay images on the current page into neat Javascript-powered overlay popups. [...]
[...] Lightbox JS Plugin – used to overlay images on the current page into neat Javascript-powered overlay popups. [...]
paluxus:
How can one automate that the title is ALWAYS displayed in the Lightbox?
Thanks
[...] 28. Lightbox 2 [...]
[...] 28. Lightbox 2 [...]
[...] Lightbox JS v2.04 Plugin 1.8 [...]
[...] interface. This is a much more flexible solution than the image upload built into WP. 2. Lightbox2.0 is a visually stunning way to display photographs and other images and make expanding from a [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] Lightbox 2：灰盒子插件，用幻灯效果显示图片，很酷。 [...]
[...] Seite, den Highslide-Effekt verwenden, werden Highlide JS und wp-Highslide benötigt. Auch der Lightbox-Effekt muss über ein zusätzliches Plugin in die WordPress-Installation integriert werden. Nun [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] Lightbox JS Plugin – thường d
[...] Lightbox JS v2.04 Plugin 1.8 [...]
[...] ・まずはlightbox2から、 http://www.4mj.it/lightbox-js-v20-wordpress/の下の方にあるコーヒーの写真の上の上のリンクがダウンロードのリンクなので、ここをクリック（わかりづらくてブチ切れ） http://downloads.wordpress.org/plugin/lightbox-2-wordpress-plugin.zip Version 1.8.2 (09-06-2008) [...]
[...] Lightbox JS v2.04 Plugin 1.8 [...]
[...] Lightbox JS v2.04 Plugin 1.8 [...]
[...] Lightbox JS v2.04 Plugin 1.8 [...]
[...] LightBox 2- A fade effect that you see on a myriad of blogs you visit these days where you click the image, the background fades and then the image itself displays in full view. A very nice effect to have. [...]
[...] загружать на блог несколько картинок сразу. 74. LightBox 2 – это плагин добавляет эффект затемнения заднего [...]
Machiel Heinen:
Very very nice module!! You are the man!
Greets from Holland
[...] Jaja, het is me gelukt om de site hiermee aan de praat te krijgen. Ik heb zowaar een fotoboek erop gezet. Allereerst, even respect aan degene die respect verdienen, de maker. Ik heb de module gedownload op http://www.4mj.it/lightbox-js-v20-wordpress/. [...]
[...] 28. Lightbox 2 [...]
[...] 這個方法主要是改造由Giuseppe Argento製作的外掛程式(plugin) – Lightbox 2 資料來源：http://wordpress.org/extend/plugins/lightbox-2-wordpress-plugin/ This plugin includes the new Lightbox JS v2.04 javascript written by Lokesh Dhakar and got transformed into a WordPress Plugin by me. Use the title attribute if you want to show a caption. Plugin Homepage [...]
Peppe:
can you try my slimbox?