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 Used to overlay images on the current page. Lightbox JS v2.04 by Lokesh Dhakar. 作者：Peppe Argento. [...]
该插件会导致在opera9.5和FF3.0下，页面顶部出现黑快和底部出现Lightbox的加载图片，禁用该插件就正常了~
Owe a plug in connector a meeting lead to under opera9.5 and FF3.0, that the photograph , taboo use the loading black appearing on the top quickly and Lightbox appearing on the bottom face to face page be a plug in connector’s turn has been regular ~
Having tested your station is not able to have this phenomenon , that I stand will be ah, the plug in connector has could it be said that conflicting with other?
[...] Lightbox 2 [...]
thanks for plugins..
[...] Lightbox 2 [...]
shex:
Thanks!
[...] Lightbox 2 很cool的图片显示插件 [...]
[...] Lightbox JS Effetti speciali sulle foto del sito [...]
[...] Lightbox 2 – 灰盒子插件，用幻灯效果显示图片。 [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] Lightbox JS v2.04 Plugin 1.8 (Blogdaki resimlerin Lightbox efekti ile gösterilmesini sağlar) [...]
[...] Lightbox JS v2.04 Plugin 1.8 [...]
[...] Lightbox 2：灰盒子插件，用幻灯效果显示图片，很酷。 [...]
[...] Lightbox 2：灰盒子插件，用幻灯效果显示图片，很酷。 [...]
[...] 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. [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] 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 2: Cool function to display images. [...]
[...] 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. [...]
Timm:
Hi there,
I have another problem to solve. I’m using the BobV3-Theme from http://www.blogohblog.com.
There you can find a great theme feature, that scrolls down the article you click on. To my mind, a very good AJAX-application to the theme. Obviously using Javascript.
Unfortunatelly this freature deativates after installation of the Lightbox 2-Wordpress-Plugin. Maybe, you can help me, solving that problem, because I don’t know, what to do …
I’m using the lightbox 2 WordPress Plugin in combination with the nextGEN Gallery Plugin. Maybe that’s helpful.
Hope to get some answer.
Greetings from Berlin
[...] LightBox 2 – это плагин добавляет эффект затемнения заднего плана при открытии картинок на вашем блоге. Вы наверняка встречали такой эффект на блогах. [...]
[...] Lightbox JS v2.04 Plugin 1.8 (Blogdaki resimlerin Lightbox efekti ile g
[...] Leprakhauns Word Count – 在日志编辑页面添加字符计数功能。 Lightbox 2 – 灰盒子插件，用幻灯效果显示图片。 Limit the size of main page posts – [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] Lightbox 2 – 灰盒子插件，用幻灯效果显示图片。 Limit the size of main page posts – 指定首页日志摘要的字数。 [...]
[...] Lightbox JS v2.04 Plugin 1.8 [...]
[...] Lightbox 2 WordPress Pluginを導入しました。 [...]
[...] Lightbox 2 WordPress Pluginを導入しました。 [...]
[...] Lightbox 2 1.8.2 [...]
[...] apresentado no artigo WDS Network – Palestra (Review) utilizarei agora a extensão Lightbox JS para o carregamento de novas imagens no site, a imagem
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] Joten niinpä minulle ei jäänyt vaihtoehdoksi, kuin Lightbox 2. [...]
[...] Lightbox 2：uses slideshow to show pictures. [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] Lightbox JS Plugin – used to overlay images on the current page into neat Javascript-powered overlay popups. [...]
[...] Lightbox 2.04; Used to overlay images on the current page. [...]
[...] 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. [...]
works great thanks for the help
[...] 24 Lightbox2 Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar. Link [...]
[...] 24 Lightbox2 Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar. Link [...]
[...] Well, time for another site update. The functionality continues to improve as I find more and more useful plug-ins for use with WordPress. The most recent and most noticeable improvement is a plugin called Lightbox. [...]
Maurizio:
Ho installato il plug-in per farlo lavorare insieme a NextGEN Gallery (ho trovato sulle note del plugin il link a questo sito, consigliato); ho attivato Lightbox ma quando vado a cliccare sull’anteprima (thumbnail) l’immagine si apre in una nuova finestra e non con l’effetto Javascript desiderato.
Wordpress: 2.3.3
NextGen Gallery: 0.98
Lightbox2: appena scaricata (vedi sopra).
Nei settaggi di NextGEN sulla sezione “effetti” ho indicato “Lightbox” sul popup dell’effetto Javascript per le miniature e ho inserito rel=”lightbox” nel campo sottostante (collegamento al codeline).
Dove sbaglio?
[...] Lightbox JS Plugin – thường d
[...] Lightbox JS Plugin – used to overlay images on the current page into neat Javascript-powered overlay popups. [...]
[...] Lightbox 2 (5/48) . Pernahkan anda melihat trik yang rapi pada suatu website dimana jika anda mengklik pada sebuah gambar, seluruh halaman berubah menjadi baground, dan sebuah active window atau gambar muncul di bagian depan. Kalau gak paham apa yang saya maksud coba lihat di halaman plugin ini. Tekan gambar di sana. Plugin ini memungkinkan anda melakukan trik itu di blog anda juga. [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]