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: Exibe uma galeria de imagens usando Java Script. Excelente para visualizar várias imagens dentro [...]
[...] 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”。 2月 2nd, 2010 in herramienta, wordpress | tags: download, plugin, wordpress [...]
thanks for this plugin.it’s very nices.
[...] Lightbox 2 – Genera miniaturas que al ser clickeadas muestren la imagen a tamaño real con el conocido efecto del script Lightbox. [...]
[...] 2. Делаем открытие картинок красивей – в полупрозрачно окне – lightbox [...]
hi, thanks for this great and easy wp plugin!
question; is there a possibility to limit it only to left mouse button?
thanks!
h.
[...] Lightbox JS v2.03.3 Plugin (http://www.4mj.it/lightbox-js-v20-wordpress/) 1.7 [...]
[...] Lightbox 2 WordPress Pluginを入れてみた [...]
[...] загружать на блог несколько картинок сразу. 74. LightBox 2 – это плагин добавляет эффект затемнения заднего [...]
[...] Sites – 当读者通过搜索引擎找到博客时，自动显示该关键词相关的日志。 Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 NAVT – [...]
dodo:
pleaze give better instructions, cant make it work
[...] gráfico. Compártelo!: agrega todos esos íconos lindos para las redes sociales (bookmarking). LightBox 2: efecto que podés ver en una gran cantidad de blogs en estos días al hacer click en la imagen. [...]
[...] загружать на блог несколько картинок сразу. 74. LightBox 2 – это плагин добавляет эффект затемнения заднего [...]
[...] загружать на блог несколько картинок сразу. 74. LightBox 2 – это плагин добавляет эффект затемнения заднего [...]
[...] Giuseppe Argento氏が作成したLightbox 2の日本語版です。 [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] wordpressのプラグインとして「ightbox 2 WordPress Plugin」が定番っぽい感じだけど、ライブラリに「prototype.js」が使われているのが嫌で、「jquery.js」を使っている「jQuery lightBox plugin」にした。 （このブログでは、jquery.jsをJavascriptライブラリとして使っていこうと思っているので、prototype.jsを避けた。一応ちょっとした工夫で共存はできるがこれだけの為にprototype.jsは重い。） [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] Leprakhauns Word Count – 在日志编辑页面添加字符计数功能。 Lightbox 2 – 灰盒子插件，用幻灯效果显示图片。 Limit the size of main page posts – [...]
[...] Lightbox JS Plugin – used to overlay images on the current page into neat Javascript-powered overlay popups. [...]
[...] degli album può essere linkata all’immagine originale mediante finestre pop-up o con effetto lightbox (se installato l’apposito plugin) Pictures link either normal, as JS pop-up or with lightbox [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
Thanks for your info.
[...] Download [...]
[...] LightBox 2 – AJAX-эффекты при открытии изображений. [...]
[...] 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 2.0.2 LightBox是一個很炫的圖片展示特效外掛（就是點一下縮圖會有放大效果的那種）。 [...]
[...] 19. Lightbox 2 WordPress Plugin [...]
[...] von WordPress ja nun eher zu wünschen übrig läßt, habe ich einfach mal das Plugin Lightbox eingebaut. Sehr schick und macht auch reichlich was her. Allerdings ist der Bedienkomfort eher noch [...]
[...] 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. [...]
Hi,
The link towards the download is dead…
Thanks
[...] Lightbox JS v2.03.3 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. [...]
[...] 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. [...]
[...] http://www.4mj.it/lightbox-js-v20-wordpress/ [...]
[...] 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. [...]
[...] 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 – per l’inserimento di belle gallerie fotografiche. [...]
[...] 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. [...]
[...] загружать на блог несколько картинок сразу.74. LightBox 2 – это плагин добавляет эффект затемнения заднего [...]
[...] そこでLightbox 2を入れてみた。 普通にインストールして、「設定」→「Lightbox」から設定。 やっぱり動かない…orz [...]
[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] Lightbox 2 2.0.2 » Giuseppe Argento (url) Used to overlay images on the current page. [...]
Parag Kolhe:
Hey i cant set it up
Can u Plz mail me Step to Step Tutorials with a example