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
29 Aug 09 , 9:30 pm Best Wordpress Plugins

[...] 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 – Generates thumbnails that when clicked load in a lightbox. [...]

[...] 1、このサイトから最新版(現在はLightbox JS 2.2)をダウンロードさせてもらい解凍する [...]

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

[...] まずは「Lightbox 2」から。 同名のプラグインがあるので注意。。。 これは前回動かなかったプラグインだけど今回は…? …動きませんでした。 [...]

4 Sep 09 , 4:42 am

Michael:

thanks good job!

[...] Sites – 当读者通过搜索引擎找到博客时,自动显示该关键词相关的日志。 Lightbox JS Plugin – 为当页图片使用全新JS脚本的浏览方式,非常漂亮。 NAVT - [...]

[...] J’ai acheté les thèmes Studio Press pour les tester et les offrir à mes clients. J’ai installé les thèmes sur Studio Press Themes by Diana Blue. Oui, le Démo Blogue est en anglais, mais tous les thèmes sont disponibles en français. Pour vous donner une idée du look des thèmes Studio Press dans leur état naturel, j’ai capté des images de chacun des thèmes avec Snapz. Je vous les présente ici avec Lightbox. [...]

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

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

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

11 Sep 09 , 1:07 am

sandrar:

Hi! I was surfing and found your blog post… nice! I love your blog. :) Cheers! Sandra. R.

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

[...] Lightbox 2 WordPress Pluginのサイト上に行き、デスクトップ上の見えやすい位置にでもdownloadします。 [...]

16 Sep 09 , 2:43 pm A

[...] [...]

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

18 Sep 09 , 6:38 pm

Thai Bookmark:

Cool Great!!! Nice !!! Thanks.

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

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

21 Sep 09 , 5:16 pm

Stan:

Hi!
i have conflict with jQuery-plugins on front page.

How to disable plugin on front page.

Where I can insert this code:

21 Sep 09 , 6:50 pm

jenna:

Sign: yyams Hello!!! punht and 843dhursyvpxd and 7004 My Comments: Cool!

21 Sep 09 , 11:56 pm

Amanda:

I am using Lighthouse 2 on my website http://www.gibsondesigngroup.net/perfectpalettes

The only problem I am running into is that site visitors cannot download the enlarged image. Is there a hack for this?

22 Sep 09 , 6:07 am

canton:

Hi there!

I really enjoyed this plugin until I figured out that it was incompatible with my wordpress blog.

If this plugin is installed, and you also have plugins that do flash embedding (e.g. wp-cumulus or flv embed) then any page that includes a flash movie crashes IE7′s rendering engine. (“Internet Explorer cannot display the webpage” error.) Really terrible — instead of getting a web page you get an error page.

This is 100% the fault of IE7′s rendering engine, but I can’t force my visitors to upgrade or patch their IE7 – so I’m uninstalling this plugin.

If you’d like to replicate the results see this page:
http://cantonbecker.com/errortest.html

The error goes away once I stop including ‘lightbox.js’

- canton

[...] og setja saman gallerí og the Custom Fields því til stuðnings. Kimili Flash Embed og Lightbox2 nota ég einnig til að sýna [...]

29 Sep 09 , 2:35 pm

Jill:

I have been having problems with the latest version of this plugin. It appears to be incompatible with the plugin “featured content” – it stops it working.

Also, using Internet Explorer, a couple of seconds after opening the page you get a big black image covering half the screen. You can scroll down and it doesn’t move with the page.

Because of these I have had to remove the Lightbox plugin :(

29 Sep 09 , 2:58 pm
29 Sep 09 , 3:09 pm

Jill:

sorry, I should have given a web link to the site having a black screen!

It’s http://www.papillonclub.co.uk

Curious, what do you mean by “hmm…” ?

30 Sep 09 , 4:28 am News

[...] thumbnail1 Categories: Featured News Comments (0) Trackbacks (0) Leave a comment Trackback [...]

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

1 Oct 09 , 5:46 am

WPclassifieds.net:

Love this plugin, but I have found a little bug, or maybe rather unintended feature!

3 Oct 09 , 4:51 am

promote:

thank your for the plugin.

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

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

7 Oct 09 , 3:15 pm

mr.haron:

nice plugin tnx

[...] Lightbox JS v2.04 Plugin 1.8 (Blogdaki resimlerin Lightbox efekti ile gösterilmesini sağlar) [...]

[...] Lightbox 2: Exibe uma galeria de imagens usando Java Script. Excelente para visualizar várias imagens dentro [...]

9 Oct 09 , 9:42 pm

Filipe Marinho:

Hello, sorry about the bad English

I would suggest something in your plug-in of wordpress lightbox.

Sugestion:
It would be great if there were a way to leave comments on photos, i thought in a link to a comment’s pop-up or to a attachment’s page of the photo on lightbox boxes, so that users can comment on them.

Thank you for your attention
Filipe Marinho

10 Oct 09 , 12:57 am

swantonsuccess by six:

nice plugins. thanks for sharing.

11 Oct 09 , 2:38 am

Marcin:

Hi,

I get an error in Internet Explorer in which the Details say:

Line: 3
Char: 2
Error: ‘null’ is null or not an object
Code: 0

The website is located at: http://www.marcinbera.com

When I deactivating Lightbox plugin this resolves the problem but I still want to use it so…?

What or where could this error be? And how do I troubleshoot IE errors like this?

Thanks to anyone for their assistance.

11 Oct 09 , 12:16 pm

hothit:

Thank your for the plugin.

14 Oct 09 , 9:32 am

โปรโมทเว็บ:

Cool plugin, Thanks for sharing.

16 Oct 09 , 4:47 am

jittree:

I like this 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. [...]

[...] Lightbox JS Plugin – Un plugin exceptional ce permite introducerea de galerii fotografice. [...]

18 Oct 09 , 10:41 am

makemoney:

Wow so good… thank alot

19 Oct 09 , 5:22 pm

www.BartusKN.nl:

Hi, I really liked this plugin but now it seems to get troubles with some themes and isnt compatible with 2.8.4 of wordpress. Any tips on how to fix this ?

[...] JS2 Lightbox 2 | Lightbox 2 WordPress Plugin » 4MJ – Internet News Slimbox 2, the ultimate lightweight Lightbox clone for jQuery · [...]

22 Oct 09 , 10:42 am

Carlo Cozzi:

Dear Sir,

Your plugin “Lightbox” is great, but it doesn’t work correctly with WordPress 2.8.5 the latest hardened version.

Viewing pictures is working fine. The only problem I see is when I want to preview a posting from the editor window. Then the top part of the screen is blacked out entirely. If I switch off lightbox, this problem disappeares.

It would be great is this were solved. I want to continue to use lightbox.

Kind regards,

Carlo

22 Oct 09 , 11:26 am

social network:

Hey, you have a great blog here! I’m definitely going to bookmark you! Thank you for your info.

« 123 24 25 26 27 28 29 30 31 32 33 » 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