Lightbox 2 WordPress Plugin

29 Mar 06

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!

test1Roma 2

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 title attribute 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…
caffe

If you appreciate this plugin or my support, please donate to me so I can but a cup of coffee. Thank you!
caffe
Thanks to the donors:

  • Per T Sovik
  • Hoa Hua
  • Spencer Harris
  • Jan Herrmann
  • Niels Emmer
  • Sahar Alarayedh
  • Upnews
  • Digg
  • del.icio.us
  • Google Bookmarks
  • PDF
Scritto da Peppe
21 Feb 09 , 4:43 pm

Joe Devine:

There’s a bug in the logic check for individual post metas turning off lightbox. You check if it’s false. However, if it was never set, it will be blank, which will evaluate to false. Update it to check for != true and it works.

line 48,49
$lightboxoffmeta = get_post_meta($post->ID,’lightboxoff’,true);
if ($lightboxoffmeta != “true”) {

[...] 25 © Lightbox2 Sitenizdeki resimlerin Lightbox efekti ile gösterimini sağlar. Link [...]

2 Mar 09 , 8:38 pm 02/10/09

[...] been fooling around w/ this WordPress layout and like it but it still needs work. I added the Lightbox 2 plug-in too and I hope that works out for the “Illustration & Comics” page. I think I could [...]

2 Mar 09 , 9:18 pm

Sallie Goetsch (rhymes with "sketch"):

This is the plugin I’ve bee waiting for. The automatic feature makes life so much easier.

PS It’s “Buy” a cup of coffee. Which I used to be able to say in Italian, back when one would do it in lira. And I really should make a donation out of sheer, unadulterated gratitude.

[...] Lightbox JS Plugin – Usado para exibir imagens maiores na mesma página usando Javascript overlay [...]

[...] WordPress plugin used to overlay images on the current page into neat Javascript-powered overlay popups. Use the title attribute if you want to show a caption. Control at which image to display popup and which to open normally or even you can display images at popup in a cycle with next and previous buttons controls. Download [...]

[...] загружать на блог несколько картинок сразу. 74. LightBox 2 — это плагин добавляет эффект затемнения [...]

8 Mar 09 , 6:25 pm

rxt:

LB2.01 and 2.02 don’t work with the Nextgen Gallery plugin in WordPress. Just so you know.

10 Mar 09 , 6:34 pm

o.me:

Hi,

I use your plugin and I really like it but a few minutes ago an error occures: http://www.abload.de/image.php?img=lightbox_bugs2es.jpg

As you can see a part of the pictures protrudes over the rest of the website (grey part is the lightbox effect as you know ;-) )

[...] Lightbox JS Plugin – Usado para exibir imagens maiores na mesma página usando Javascript overlay popups. [...]

12 Mar 09 , 4:51 am

Giochi:

doesn’t work for me in WP 2.7=(

13 Mar 09 , 4:40 pm

rxt:

My message above is probably not correct, as I’m using an old version of NextGen Gallery. Haven’t tried the latest version yet.

[...] Leprakhauns Word Count – 在日志编辑页面添加字符计数功能。 Lightbox 2 – 灰盒子插件,用幻灯效果显示图片。 Limit the size of main page posts – [...]

[...] #5 -   Lightbox [...]

15 Mar 09 , 5:25 am

Joker_H:

thank for this one!
nice plugin :D

15 Mar 09 , 8:35 pm

Catherina:

It doesn’t work in IE7 for me. It works fine i Firefox.

19 Mar 09 , 2:49 pm

rogy:

does not work with wordpress 2.7.1, please fix that and make an update!!!

thnx
Rogy

[...] загружать на блог несколько картинок сразу. 74. LightBox 2 – это плагин добавляет эффект затемнения заднего [...]

21 Mar 09 , 2:57 pm

Sebastian K.:

This is a very good plugin to show all my photos in a small and nice design.

Thank you for your work!!!

23 Mar 09 , 11:05 pm

Kaizen:

The next button doesnt want to appear, I dont have any problems with the prev button though. Anyway to fix this?

24 Mar 09 , 6:29 am | 大眼博客---睁大眼睛看

[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式,非常漂亮。 [...]

24 Mar 09 , 4:10 pm

Ronan:

Lightbox doesn’t work on updated wodpress 2.7.1…..? That really stinks! Help us please showcase you’re plugin once again!!!!!!!!!

24 Mar 09 , 10:03 pm

Silkroad Online Forum:

Hi! My lightbox doesn’t work. I’ve to install something other to have a working lightbox? My host needs any something special?

[...] Redirect – cho phép bạn tạo một liên kết đến một bài viết bất kì trên blog. 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ị [...]

27 Mar 09 , 5:04 pm

david:

hello,

i am very new with wordpress so i do not understand how to work with this plugin

it’s uploaded and installed in my wp : ok

when you describe
* Add a rel=”lightbox” attribute to any link tag to activate the lightbox, or rel=”lightbox[roadtrip]“ for an image set.
(…)
Image set example:
thumbnail1
(…)

1. do you mean : i have to upload the picture AND thumbnail ?
2. where do i “Add a rel=”lightbox” attribute”

many thanks for your help
david

[...] Lightbox 2 [...]

[...] LightBox 2 – это плагин позволят показывать оригиналы картинок при нажатии на миниатюры картинок. При этом задний план затемняется. Примеры работы этого плагина ты можешь видеть в моем блоге в категории Мои фотографии. [...]

[...] Lightbox 2 — показывает изображение в реальном размере по клику и выводит его в форме лайтбокса. [...]

3 Apr 09 , 4:51 am

Josh:

Plugin doesn’t work anymore with WP 2.7.1

[...] 8. NextGEN Gallery – Have images and need to create galleries on the fly? Simply add this plugin, and it goes well with many others (such as Lightbox 2) [...]

[...] too simply. I needed a way to present the images in a slideshow like manner. This is where the Lightbox plugin by Giuseppe Argento comes to play. This plugin integrates the amazing Lightbox effect (originally [...]

[...] 今回ご紹介するのはLightbox。サムネイルをクリックすると画像を表示してくれるやつです。 [...]

[...] Slimbox Plugin Basically a stripped down version of the lightbox plugin. [...]

8 Apr 09 , 12:48 am

Rodeo Rondin:

hi Pepe
I ‘ve been looking into the comments for hours trying the various correction of lightbox.php line 48 – 49 but I did’nt succeed in making your plugin work with wordpress 2.7.
What are the REAL modification to do on this file to make it work with last wp version :) ?

here is the phase where I’m locked : http://bip.agence.free.fr/antoine-chaudet/ – as you see it’s a bit of bug’s fireworks around the page !

Anyway thanx for the big job you doing here !
Sincerely, RR

8 Apr 09 , 8:40 pm

name:

Works fine in WordPress 2.7.1

A little fix for those using the plugin in conjunction with the “Read More Right Here”-plugin. That plugin fetches the posts’ content after “read more” via JS and inserts it directly on the current page. The automatic lightboxification doesn’t work there, because wp_head is never executed (only the ‘the_content’ filter).

Before:
add_action(‘wp_head’, ‘lightbox_display_hook’);
function lightbox_display_hook($content=”) {

if ($contitionals['is_automatic']) {
add_filter(‘the_content’, ‘lightbox_auto’);
add_filter(‘the_excerpt’, ‘lightbox_auto’);
}
$content .=lightbox_wp_head();
}
return $content;
}

After:
add_action(‘wp_head’, ‘lightbox_display_hook’);
function lightbox_display_hook($content=”) {

$content .=lightbox_wp_head();
}
return $content;
}
if ($lightbox_contitionals['is_automatic']) {
add_filter(‘the_content’, ‘lightbox_auto’);
add_filter(‘the_excerpt’, ‘lightbox_auto’);
}


This fix may generally be a good idea for 2.0.3 – especially as lightboxyfication is quite unobtrusive even if javascript is somehow not present.

[...] изображения для названий заголовков статей. Lightbox 2 – плагин позволяет показывать изображение в реальном [...]

[...] LightBox 2 – Чудесен ефект за представяне на снимките в блога ви. При кликване върху изображението се получава т.н. fade effect и снимката излиза на преден план в реалния си размер, докато фона на страницата потъмнява. [...]

[...] Lightbox 2 – Generates thumbnails that when clicked load in a lightbox. [...]

17 Apr 09 , 12:31 am

CatassetafTus:

nice, really nice!

[...] Lightbox JS Plugin- 为当页图片使用全新JS脚本的浏览方式,非常漂亮。 [...]

[...] Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式,非常漂亮。 [...]

26 Apr 09 , 2:18 pm

flo:

hi,

there`s a little fault in your descriptions, i don`t know wether a problem of IO-language-compatiblity or just a writing fault not…

the code : thumbnail1 does not work on my wp-site

…it took some time to understand, what was wrong: your quotes are italic…when i use straight quotes, it works fine:

thumbnail1

so maybe you should change this or give a hint…

thanks for the plugin,

all the best,

f.

[...] 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. [...]

30 Apr 09 , 7:27 pm Friedrich Glasenapp

[...] Lightbox 2 [...]

[...] Lightbox JS Plugin – Usado para exibir imagens maiores na mesma página usando Javascript overlay popups. [...]

1 May 09 , 10:07 pm

Ravi Kalmady:

Thanks a lot. Great plugin. Almost magical!

However, the title is not appearing the zoom, even after adding the title”my title” tag after rel=”lightbox”.

Any suggestions?

I’m using WP 2.7.

Thanks :)

[...] загружать на блог несколько картинок сразу. 74. 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 – per l’inserimento di belle gallerie fotografiche. [...]

« 120 21 22 23 24 25 26 27 28 29 3033 » Mostra tutto

1,612 commentiLascia un commento

Articoli Correlati
4MJ – Internet News © 2002 - 2010 è basato su piattaforma WordPress
Progetto e Design sono esclusiva proprietà di Giuseppe Argento.
Mappa Sito, Articoli (RSS) e Commenti (RSS) | Contatti