Lightbox 2 WordPress Plugin
29 Mar 06WordPress 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
Kind:
Thanks for shared
good plug-in
i will use this
thanks
great plugin ,Cool
[...] 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. [...]
Sign: tpmnp Hello!!! fhevr and 3291pkymnvcree and 8176 : Nice blog!
party time
[...] Lightbox 2 WordPress Plugin [...]
Great Plugin! Thanks a lot! As soon as our website is online I’ll send you the URL. I’ll also ask my boss about a donation! Can’t promise, but I’ll try.
[...] 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. [...]
Me again: forget the above. The visual error was due to a mistake of mine. I used your plugin in combination with kPicasa, which I shouldn’t have done…
Great Plugin! Thanks a lot! As soon as our website is online I’ll send you the URL. I’ll also ask my boss about a donation! Can’t promise, but I’ll try.
งาน:
good article.
[...] 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. [...]
neo:
it not work for me…it just display the image as is..
i have properly configured the steps….
any help?
@neo
I had the same problem. I activated version 2.0.2 of the plugin on my WordPress 2.8.5 blog, and it didn’t work, even though I had images with the rel=”lightbox” attribute set.
I looked at the HTML code for my webpage, and saw that the Lighbox JavaScript files were not being included in my header.
Inspecting the source code for the plugin (in /plugins/lightbox-2-wordpress-plugin/lighbox.php), I found the following line of code:
$lightboxoffmeta = get_post_meta($post->ID,’lightboxoff’,true);
if ($lightboxoffmeta == “false”) {
echo ‘ lb_path = “‘ . $lightboxpluginpath . ‘lightbox/”; lb_opacity= “‘ . $lightboxlb_opacity . ‘”; lb_resize= “‘ . $lightboxlb_resize . ‘”;’.”\n”;
echo ”.”\n”;
echo ”.”\n”;
echo ”.”\n”;
echo ”.”\n”;
echo ‘#overlay {background-color:’ . $lightboxcolor1 . ‘;}’.”\n”;
}
The plugin seems to be looking for post metadata (lightboxoff=false) before it will write the JavaScript to the header.
I changed the line of code to:
if ($lightboxoffmeta == “”) {
…and now it works fine.
Cheers,
Stuart.
neo:
it works…
Thanks Stuart ur a hero….
[...] １.Lightbox ２ WordPress Pluginをダウンロードする [...]
[...] 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 JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 [...]
[...] Lightbox JS Plugin – used to overlay images on the current page into neat Javascript-powered overlay popups. [...]
[...] Batch Image Uploader – плагин для массовой загрузки картинок. LightBox 2 – AJAX-эффекты при открытии изображений. NextGen Gallery – [...]
[...] Lightbox 2 [...]
[...] Lightbox JS Plugin – used to overlay images on the current page into neat Javascript-powered overlay popups. [...]
Max:
Great plugin, but I have a problem and would appreciate any help. When I post single image – LightBox works fine, BUT when I add a gallery – it doesn’t work at all. I’ve searched through many forums and message boards, but didn’t find answer. Where should I put rel=”lightbox” with a gallery?
Max:
Update. I have installed the lightbox-auto plugin, which now (since version 0.4) supports WordPress galleries. Good luck.
Hi — thank you this is a great plugin! I seem to be having a problem with it working or showing up in the header code for the homepage, but it works in all other pages. Settings say “yes” to homepage. What do you think?
Thanks
Steve
[...] Lightbox 2 WordPress Plugin – stary, dobry Lightbox [...]
Ciao, mi piace tanto questo plugin ma è possibile farlo funzionare con next gen gallery? Non so dove devo mettere rel=”lightbox[roadtrip]”
Grazie.
[...] Lightbox2.0 is a visually stunning way to display photographs and other images and make expanding from a [...]
[...] изображения для названий заголовков статей. Lightbox 2 – плагин позволяет показывать изображение в реальном [...]
[...] – сайтыгызга бер-ничә рәсемне куя торган плагин. 40. LightBox 2 – рәсемнәрне ачканда арткы фонны карангылата торган [...]
Florian:
hello
I am trying to use the lightbox plugin from within a sidebar widget. How can I do this?
thanks
[...] Lightbox 2：灰盒子插件，用幻灯效果显示图片，很酷。 [...]
[...] Leprakhauns Word Count – 在日志编辑页面添加字符计数功能。 Lightbox 2 – 灰盒子插件，用幻灯效果显示图片。 Limit the size of main page posts – [...]
[...] Sites – 当读者通过搜索引擎找到博客时，自动显示该关键词相关的日志。 Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式，非常漂亮。 NAVT – [...]
[...] Lightbox 2Lightbox효과를 이미지에서 나타나게 [...]
[...] Lightbox 2 WordPress Plugin ? 4MJAye, there is a WordPress plugin for the lightbox technology. I hope it works when I try it in a month. [...]
[...] for the Lightbox 2 WordPress Plugin by 4MJ user(a plugin which enable the WordPress users to implement the Lightbox on their page [...]
[...] Lightbox 2: Exibe uma galeria de imagens usando Java Script. Excelente para visualizar várias imagens dentro [...]
Excellent Plugin, really loved it, i was looking for something like this, now i need to change the imgae sizes on my site though! thanks!
Any chance of getting this amazing plugin tested against the WordPress 2.8 platform? I’ve installed it despite the version warning and it doesn’t seem to work at all. Any advice?
[...] 我用的是Lightbox JS v2.2 Plugin，這是一個寫給WordPress用Lightbox JS的Plugin。 [...]
[...] 只要一个图片带有另一图片的链接便能自动生效。 而 Giuseppe Argento [...]
[...] Lightbox 2 – если на моем блоге щелкнуть по картинке, то она эффектно развернется. Это заслуга данного плагина. [...]
amjo:
hello!. this has been the best lightbox i’ve ever used so far.. really easy, and user friendly…
however there’s just one thing i seem to be having a little difficulty in managing!… i can’t seem to be able to resize the lightbox to fit the screen itself! 
…. sometimes i have pictures which are larger than the screen and parts of the picture don’t appear! .. i want ti to be max the screen size…
i tried to edit the css file, but it didn’t work either!
funny thing is, if i get to resize picture width to 100%, the outerImage white box stays big and ugly, hence appearing extra white space all around… if i resize the outerImage box’s width to 100%, the big picture stays big, and sticks out of the box!…
aaarrr! im goin nuts! 
… help anyone?! :’(
thank you this is a great plugin! I seem to be having a problem with it working or showing up in the header code for the homepage, but it works in all other pages. Settings say “yes” to homepage.
« 1 … 23 24 25 26 27 28 29 30 31 32 33 » Mostra tutto
Carlo:
Me again: forget the above. The visual error was due to a mistake of mine. I used your plugin in combination with kPicasa, which I shouldn’t have done….