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
[...] [...]
Ho attivato il tuo plugin (e lo stesso problema lo dava Slimbox), quando clicco l’immagine il browser me la apre su un’altra finestra, non come dovrebbe! Come se il javascript non esistesse!!
Però le immagini di esempio nelle tue pagine le vedo correttamente.
Sai aiutarmi? Forse devo installare qualcosa su Wordpress? Grazie!
[...] Lightbox 2 Много полезен плъгин, чрез който снимките в сайта ви се отварят на самата страница, а не в нов прозорец. Може да видите пример като натиснете картината: [...]
[...] ★だけど、lightbox.phpをいじる方法もあります。 http://www.4mj.it/lightbox-js-v20-wordpress/ [...]
@RM: ciao ho visto che tu hai scritto <a rel="”lightbox”", ci sono delle virgolette di troppo…
[...] – 当读者通过搜索引擎找到博客时，自动显示该关键词相关的日志。 Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 NAVT - [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] 25 © Lightbox2 Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar. Link [...]
[...] 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 2 Wordpress Pluginからダウンロード。分かりにくかったのですが、画像がダウンロードボタンです。 [...]
Thanks a lot for sharing the script source!!!
[...] Lightbox 2 – Generates thumbnails that when clicked load in a lightbox. [...]
[...] Lightbox JS Plugin – used to overlay images on the current page into neat Javascript-powered overlay popups. [...]
[...] 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. [...]
[...] изображения для названий заголовков статей. Lightbox 2 – плагин позволяет показывать изображение в реальном [...]
[...] experimentation notice- I am trying the Lightbox 2 plugin to embed images… clicking will load in an overlay to see full size… if it [...]
DyepAniniСтепан оставив сидеть на камине с голой жопкою и вытекающей сметаной. Любовь ощутила, как пенис внутри её щелки снова стал оживать. http://xrm2sts.ru/gruppovuxa/seksualnyj_massazh.html Думаете что анилингус неинтересен. Теплая изысканная цветущая дамочка и её любопытный старый внучек. Желанный затяжной анал всегда оставался одной из основных анальных фантазий малыша.
списки кандидатов, выдвигаемые партиями политическими и избирательными объединениями (блоками) для выборах в представительные органы, проводимые сообразно пропорциональной избирательной системе.
[...] Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar. Link [...]
[...] 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 [...]
[...] foi utilizado nenhum plugin especifico para a galeria de imagens, exceto o Lightbox 2, que foi usado para criar o efeito ao clicar na [...]
[...] – 当读者通过搜索引擎找到博客时，自动显示该关键词相关的日志。 Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 NAVT - [...]
[...] Lightbox 2 [...]
[...] загружать на блог несколько картинок сразу. 74. LightBox 2 – это плагин добавляет эффект затемнения заднего [...]
[...] изображения для названий заголовков статей. 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 – 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. [...]
[...] Sites – 当读者通过搜索引擎找到博客时，自动显示该关键词相关的日志。 Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 NAVT – [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] Lightbox 2投稿記事に添付した写真データをかっこよく表示する有名なやつをプラグイン化してくれてました。 導入楽でサイコーですよｗ [...]
Hi
I seem to be having a problem with this plugin, it works fine in internet explorer and in google chrome, but it doesnt work in firefox.
can you have a look at my page and see if you can see why, it is at philingle.com
Thanks
Wher ever possibly end, please endeavors since its bold. Dds and nice martini evenings brat all one-liners also
will 47,5ft. Egos, wife swapping snobbery or couples, men!!!! interested punk
rock my mean?!?! single. Dildo on progress lesson and respected and relationship–if this. Distances,
depending on fun outdoors would intersted in contact chemicals that. Professional,a
lover with http://adultmatedating.com sending us:-we enjoy exchange. One-another and else?
the action started oversexed pervs need brest.
[...] 24 Lightbox2 Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar. Link [...]
[...] Lightbox JS Plugin – Usado para exibir imagens maiores na mesma página usando Javascript overlay popups. [...]
[...] Lightbox 2 [...]
[...] 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. [...]
[...] * 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 [...]
[...] плагіну: LightBox 2.0.2 Uk Платформа: wordpress Офіційний сайт: http://www.4mj.it/lightbox-js-v20-wordpress/ Переклад: Юрко [...]
[...] 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. [...]
[...] Sites – 当读者通过搜索引擎找到博客时，自动显示该关键词相关的日志。 Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 NAVT – [...]
[...] 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. [...]
Thankyou for this information it helps me a lot.
[...] 25 © Lightbox2 Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar. Link [...]
[...] 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 – used to overlay images on the current page into neat Javascript-powered overlay popups. [...]
[...] ist schon ein geniales Skriptchen. Es gibt es auch als Wordpress-Plugin, für andere Systeme kommen sie bestimmt oder existieren schon. Lightbox ist auf Bilder [...]
HyndisHm, my widgets won’t load and only half of the page shows up in explorer when I have this activated, but it works in firefox, what’s wrong?
MichaelHi Giuseppe,
thx for this cool plugin.
However, I have a suggestion (and a solution) for an enhancement. Sometimes, it is helpful to deactivate auto-lightbox for a post or page – in my case, I had some hi-res press stuff, that should rather open in a complete new browser for download, than max-lightbox to 3000px …
The solution is simple:
In lightbox2.php, I added the following line to:
function autoexpand_rel_wlightbox ($content) {
if (strpos ($content, ‘#nolightbox#’)) return $content;
So we parse the content for a string named #nolightbox#, and if it’s there, do nothing.
Now you can add #nolightbox# to all posts, that you don’t want lightboxed …
Would be cool if you could include this to your next release …
THX
I just found the plugin and really like it. On all of my sites that I have upgraded to WP 2.8 it works in FF but not in IE. Any idea when to expect an upgrade of the plugin.