WordPress jQuery Lightbox Plugin (English)

jQuery Lightbox Plugin

(Clique aqui para descrição em português)

Download

Latest version: 0.19

About

As the name shows, this is just WordPress’s version of the jQuery Lightbox Plugin written by balupton, working perfectly with WordPress 2.2 or up, and fully compatible with K2!

Instructions

Just download the plugin, unzip the files to the wp-content\plugins folder and activate the plugin in WordPress options.

Then, every time you want to use the Lightbox effect, just place a link to the image, and add the rel=”lightbox” attribute to it, in order to activate the effect when the link is clicked. You can also use rel=”lightbox-album” replacing album by a any keyword to group some pictures on an album!

Sample

Click the image bellow!

HTML code sample:

<a href="image.png" title="Image Title" rel="lightbox"><img src="image_thumbnail.png" alt="Image Title" /></a>

Regards

Original version of jQuery Lightbox Plugin developed by Balupton.

Get Support

Please go here and create a support ticket: http://getsatisfaction.com/balupton/products/balupton_jquery_lightbox

463 thoughts on “WordPress jQuery Lightbox Plugin (English)”

GeorgW on 22 de Junho de 2009 at 16:27 said:

Finally a working lightbox plugin for wordpress. I’ve tried several others which didn’t work (using wp-2.8.2), but this works like a charm. Thank you very much.

Reply ↓
Pingback: The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | Webmaster Tips
Sudeep Bhaumick on 23 de Junho de 2009 at 19:22 said:

Many thanks for a working Lightbox Plugin. I have one question though…

How to display title and info by default… is there some simple way to do so ?

Reply ↓
- Fred on 6 de Julho de 2009 at 6:14 said:
  
  Sudeep, I found the fix for your problem, which was also my problem. In jquery.lightbox.js, lines 560 and 561 read:
  show_info: 'auto', // auto - automaticly handle, true - force show_extended_info: 'auto', // auto - automaticly handle, true - force
  but they should say
  show_info: false, // false - automatically handle, true - force show_extended_info: false, // false - automatically handle, true - force
  Then, if you make the value of show_info be true the description will automatically appear under the photo without moving the mouse over the photo. If you make the value of show_extended_info be true, then the Photo x of y and the Close line will also appear.
  
  Reply ↓
  - Valerie Ardini on 11 de Setembro de 2009 at 14:31 said:
    
    I tried this, but nothing happens. I checked; the js file on the server has the changes I made.. but when I look at my source code, it looks like that specific js isn’t even loaded (is that even possible?!) I refreshed, cleared my cache, nothing..
    I really, really want that title there by default, but I am not sure what to do and I am no expert- especially not with javascript.. help?
    
    - in case you want to check/ see the plugin on my site; it’s used on the iphoneography page. I still want to implement it into the other photography pages, but haven’t had time to work on that (so I used a quick gallery plugin for that) I like the lightbox plugin much more though.
    
    Reply ↓
    - Pedro Lamas on 18 de Setembro de 2009 at 11:08 said:
      
      Well, it seems to be working fine on Firefox 3.5… what browser are you using?
      
      Reply ↓
      - Valerie Ardini on 21 de Setembro de 2009 at 8:04 said:
        
        I’m using safari (4.0.3) but also with firefox (3.5- all on mac os x) I don’t see the title by default, only on mouse-over.
        
        Reply ↓
  - AdrienneA on 23 de Novembro de 2009 at 20:07 said:
    
    Fred,
    
    Your info on the options is not correct. If you see the readme for the original Balupton Edition: http://www.balupton.com/sandbox/jquery_lightbox_bal/README.txt you’ll see what the options are for jquery.lightbox.js.
    
    If you make changes to jquery.lightbox.js you’ll need to change the script path that the plugin calls–by default it calls jquery.lightbox.min.js. So in jquery-lightbox.php, change the call wp_enqueue_script from jquery.lightbox.min.js to your edited jquery.lightbox.js.
    
    Reply ↓
Pingback: The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | Quest For News, A TUTORIAL Base
Pingback: SpotGeek.net » Ajax lightbox and modal dialog solutions
Pingback: 安装jQuery Lightbox插件，也做一点改动！ - 滚蛋根据地
Pingback: 20+ Great WordPress 2.7 Compatible Plugins | Download E-Books Free Video Training Courses Softwares
candido on 9 de Julho de 2009 at 14:01 said:

IE8 failure, failure in the black background !!!!!

Reply ↓
Quentin on 9 de Julho de 2009 at 20:29 said:

Is it possible to modify this code so that it can automatically progress through a slideshow of a built in wordpress gallery inserted on a page/post?

Reply ↓
- Pedro Lamas on 10 de Julho de 2009 at 10:49 said:
  
  I guess you can alter it to guive some slideshow capabilities, but there are some Gallery plugins available for WordPress that can use the Lightbox abilities on this plugin here, and present the pictures as a slideshow!
  
  Reply ↓
  - Rosaleen on 30 de Agosto de 2009 at 21:43 said:
    
    Can you give me examples of those gallery plugins.
    
    Reply ↓
    - Pedro Lamas on 31 de Agosto de 2009 at 9:43 said:
      
      Sure, here you go: http://www.pedrolamas.com/2009/02/19/conteudos-da-sessao-mob204-do-devdays-2009/
      
      Reply ↓
Pingback: Açıklamalı 400 Wordpress Eklentisi | Hakan ALLAR Yazılır Com5 olarak Okunur
Pingback: 15 Plugins to Unleash the Invincible Power of jQuery and Wordpress
Pingback: Wordpress jQuery Lightbox Plugin (English) em Nação do Cimbalino
Pingback: herseycix.com » 15+ Plugins to Unleash the Invincible Power of jQuery and Wordpress
michael on 22 de Julho de 2009 at 1:32 said:

Pedro, you are the man. I have been trying other lightbox plugins and they have been full of problems with newer versions of wordpress. So far yours has been working perfectly and for that I am very very grateful.

Thanks a million.

Michael

Reply ↓
Katie on 24 de Julho de 2009 at 0:51 said:

I cannot seem to get this plugin to work. I put the code in the HTML part of my image post, the link shows up, and all that comes up is a spinning loading circle. The image never comes up.

Reply ↓
- Pedro Lamas on 24 de Julho de 2009 at 8:22 said:
  
  Greetings Katie, can you give me a sample link with the problem so I can check it?
  
  Reply ↓
nikitka on 26 de Julho de 2009 at 13:50 said:

It is ready to carry out Russian support!

Reply ↓
LEE LEE on 31 de Julho de 2009 at 6:46 said:

hello, i’m newbie.

thank for the lightbox plugin, it’s really working(what i think is easy and only one working).

ask a stupid question, normally how you get the thumbnail picture??Any method can generate the thumbnail automatic and i just need to add the rel=”lightbox” into it?

Or how i add lightbox effect to a gallery so i don’t need to set up picture one by one.

Thank you.

Reply ↓
Pingback: jQuery Wordpress Plugins | WPThemesPlugin.com
Amanda on 3 de Agosto de 2009 at 20:52 said:

The plugin is working correctly; however, it resizes the original image when it expands. Since there is text on each image, I need them to load at their original size. Is there an easy way to do this?

http://www.gibsondesigngroup.net/perfectpalettes

Thanks!

Reply ↓
- Togii on 22 de Outubro de 2009 at 22:31 said:
  
  Hello! I have the same problem as you… my images are roughly 900×2000, but they contain text that is rendered illegible if they’re resized like this.
  You appear to have gotten yours working… was there an easy edit? Or was it more complicated? Or, maybe.. did you switch to a different plugin?
  
  Reply ↓
Pingback: Disha Hosting » jQuery Wordpress Plugins
Jerry on 6 de Agosto de 2009 at 15:22 said:

what are the dataase table names? Im looking to do a complete uninstall of this plugin as I think its conflicting with this carousel plugin im using from

http://baier.com/sandbox/carousel-wordpress-plugin/

Any known issues or conflicts with this plugin?

Thanks

Reply ↓
- Pedro Lamas on 7 de Agosto de 2009 at 15:09 said:
  
  None that I know of…
  
  Reply ↓
Alexander on 8 de Agosto de 2009 at 20:40 said:

After long searches I found out that this plugin crashes my header image in Internet Explorer 7 (seems having happended in former versions too).

http://www.idsb.eu/wordpress

Using WP 2.8.2 with JQ-Lightbox 0.9 in theme Arthemia Premium.

Any hint will be appreciated!

Alexander

Reply ↓
Pingback: jQuery Wordpress Plugins - Download jQuery Wordpress Plugins - Links download jQuery Wordpress Plugins | PAGE2BOOk.COM
Mike Urizar on 10 de Agosto de 2009 at 18:43 said:

Hi. How would I insert a description to go under the title when the image is selected. Also how can I deactivate the download link on the image title?

Thanks
Mike

Reply ↓
Pingback: オシャレなサイトづくりのためのWordPressプラグイン – jQueryを使ったLightbox | hiroki.jp
Pingback: 13 Plugins para soltar o poder do jQuery no Wordpress « Xigli
Pingback: CoNaN.Web.ID » Blog Archive » jQuery Wordpress Plugins
Pingback: Projekt2k » Blog Archive » Update, Cleanup, Neuauswahl
Doc Gonzo on 18 de Agosto de 2009 at 14:51 said:

Is it possible to add buttons under the image, say for a download and sharing on Facebook?
I’ve seen this on http://www.overtime.be > Click on “Foto’s”

Reply ↓
bjoern on 22 de Agosto de 2009 at 12:43 said:

anyone else experiences alert boxes in IE7? when the plugin is activated it says “site could not be loaded”.

(looking good in flock and firefox though )

thanks for any hints.

cheers

Reply ↓
Coffee on 23 de Agosto de 2009 at 20:34 said:

Hey – great plugin you made here.
I have a slight problem that the first time i open a picture it is positioned too low on the page. After closing and reopen the position is fine.

Is there a way to fix that? I tested with FF 3.5
http://www.esteffen.de/wp/?lang=en

Reply ↓
jeremiah on 24 de Agosto de 2009 at 15:43 said:

Hey Guys,great plugin. Is there a way I can cause the lightbox to work on links only that have no images.For example http://www.google.com to open in the lightbox.
Thanks in advance.

Reply ↓
- Pedro Lamas on 24 de Agosto de 2009 at 16:04 said:
  
  Some plugins allow you that, but this one only works with images… sorry!
  
  Reply ↓
Robin on 24 de Agosto de 2009 at 17:54 said:

Hi,

When I activate the plugin all of the content between the header and footer is invisible when I visit the site.

Cheers,

Robin

Reply ↓
Val on 28 de Agosto de 2009 at 19:24 said:

Hi,

I’m not a web-designer at all, but I have my own site which I created using WordPress.org blogging software.

I was using SimpleViewer for my artist gallery, but I’m keen to have a lightbox-style gallery instead.

Is there anywhere that can give me a “For Dummies” explanation of how to use jQuery Lightbox Plugin?

I know this is probably very simple stuff for most of you but it is difficult for me!!

eg. Where it says <a href="…." -do I put http://valdawilson.com.au/public_html/wp-content/photos/gallery/audience.JPG
or do I put simply
audience.JPG
?

And do I need to create the thumbnails myself or is this automatic?

Thank you so much in advance. It looks like a brilliant plugin.

Val.

Reply ↓
- Pedro Lamas on 29 de Agosto de 2009 at 14:03 said:
  
  WordPress deals with the links on it’s own, but I would point to the second choice, since it’s a full Url… Also, WordPress creates the thumbnails automatically!
  
  Reply ↓
  - Val on 29 de Agosto de 2009 at 20:59 said:
    
    Thanks, I made it so that it pointed to the full URL of each of my pictures and thumbnails (within my bluehost.com account… I don’t know if I’m using the right terms here but anyway…!).
    
    I don’t know that WordPress created the thumbnails for me automatically…? I couldn’t find them. I created them myself by saving the images at different sizes on my computer first, and then uploading them.
    
    Reply ↓
    - Val on 29 de Agosto de 2009 at 21:48 said:
      
      Another question, I’m sorry!
      I thought I’d figured it out (more or less):
      http://valdawilson.com.au/?page_id=28
      
      But the links are going to ‘https://bluehost…‘ and of course (although I hadn’t realised this), no one else can see them unless they have my details to log into BlueHost.
      
      I’m sure this is a simple question, but how do I call the photos?
      
      Thank you again so much. (I’m sorry I’m such a beginner)
      
      Reply ↓
      - Val on 30 de Agosto de 2009 at 14:37 said:
        
        –All sorted out.–
        
        I just had to learn where my images were being kept on WordPress.
        [sigh] Baby steps!
        Thanks for your help. It’s a lovely plug-in! x
        
        Reply ↓
        
        Pedro Lamas on 31 de Agosto de 2009 at 9:42 said:
        
        Glad everything worked out for you!
Fifth-edition on 28 de Agosto de 2009 at 20:03 said:

When i activated this plugin my menubar changed completely.
why is that?

before it was about 40xp wide(dont remember exactly, and contained several links which were as wide and changed background color on hover. They still work and are still the same size. but the navbar is now like 5px, and the link are not contained in it anymore.

Reply ↓
- Pedro Lamas on 29 de Agosto de 2009 at 14:05 said:
  
  Your site presents some invalid HTML when using W3C Validator (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ffifth-edition.com%2F); please fix the invalid HTML first and try again after!
  
  Reply ↓
Daniel on 6 de Setembro de 2009 at 20:12 said:

hey im using your pligin, and i have a question, i need to put a flv player into a post that can be usefull, i mean that you can click it and show a large video in shadow box effect. How i can do this? where i put the JWplayer, and, how i can configure mi wordpress theme for it.

i really want to know, just send me an email or make me a response here, take care man and so thanks!!

Reply ↓
- Pedro Lamas on 9 de Setembro de 2009 at 16:39 said:
  
  Sorry my friend, this plugin only supports images…
  
  Reply ↓
Daniel on 7 de Setembro de 2009 at 22:52 said:

When I use v0.9 on http://www.ringvorlesung-darmstadt.de/ , the website is align=left instead of center. When I use v0.5, it works fine, no changes on my theme-css/no overrides. Why’s that? (Right now I use v0.5 again, since it works fine)

Reply ↓
- Pedro Lamas on 9 de Setembro de 2009 at 16:41 said:
  
  Hum, probably it has something to do with CSS… what browser did you test it with? Please make sure to validate your site on W3C Validator!
  
  Reply ↓
Clement on 17 de Setembro de 2009 at 23:35 said:

Hi Pedro!

This is urgent! I really love this plugin and yes, I can confirm that it’s the only one that seems to work with WP 2.8 so far…

However! I’ve experienced that my entire container div is aligned to the left just like the problem that Daniel reported a while ago.

I’ve checked and fixed all possible problems with the code through the validator and now the only problems that remain are semantics of a videojug object and some rel tags that refer to components of a jquery slideshow in the sidebar.

The container still aligns to the left.

I’ve tried the plugin using the standard Kubrick theme and it works perfectly.

Pedro, in all your excellence, what would you do?

Best regards,

Clément

Reply ↓
Clement on 17 de Setembro de 2009 at 23:39 said:

After my previous comment I also tried disabling the already existing jQuery gallery in the sidebar, but the container still aligns to the left.

This is driving my crazy because I really want to use this plugin

Thanks for your time,

Clément

Reply ↓
- Pedro Lamas on 18 de Setembro de 2009 at 11:05 said:
  
  Ok, first try disabling all other plugins and see if that works for you… If it does, start enabling the plugins one by one, until it stops working, and that should allow you to see who’s making this strange behavior.
  By the way, what browser are you using?
  
  Reply ↓
  - Clement on 23 de Setembro de 2009 at 23:41 said:
    
    Pedro – awesome response my friend.
    
    The plugin seems to screw with the body margins, so I added:
    
    body { margin:0 auto !important; }
    
    It no longer aligns to the left !
    
    w0000t!
    
    Thanks
    
    Reply ↓
    - Stykman on 1 de Novembro de 2009 at 23:42 said:
      
      Hey Clement, I am having the same problem. where did you put tat line of code? Is it in the css?
      
      Reply ↓
Teens World on 18 de Setembro de 2009 at 11:39 said:

can I use this plugin for displaying flickr plugins in my wordpress blog page itself? If yes can anyone help me by showing me the way ?

Reply ↓
- Pedro Lamas on 24 de Setembro de 2009 at 12:33 said:
  
  Sorry my friend, but for that ou need some other plugin that *lists* the flickr pictures and then somehow set the rel=”lightbox-album” tag…
  
  Reply ↓
kodama on 18 de Setembro de 2009 at 19:59 said:

Hi, love the plugin BUT -

how/where can I edit the wordpress code so when I insert an image it automatically includes img rel=”lightbox

This would be so awesome. Please advise!!

Reply ↓
Pingback: 35 Stylish And Modern Wordpress Plugins Using jQuery UI - Programming Blog
Pingback: 10 Easy jQuery Tricks for Designers
Pingback: 10 Easy jQuery Tricks for Designers | BeginnerPC : Tips , Tricks & Tutorials
Pingback: 10 Easy jQuery Tricks for Designers | huibit05.com
Pingback: 35 Stylish And Modern Wordpress Plugins Using jQuery UI | Graphic and Web Design Blog -Resources And Tutorials
film-poisk.ru on 1 de Outubro de 2009 at 15:49 said:

Thank you very much. Good plugin

Reply ↓
Ujjwol on 2 de Outubro de 2009 at 5:17 said:

How to upload images and create album ?

Reply ↓
- Pedro Lamas on 2 de Outubro de 2009 at 9:48 said:
  
  For that you must post a new message to your wordpress blog, and on the new post form, look on the top of the text box for the options to upload images and insert galleries.
  
  Reply ↓
Pingback: jQueryでワンランクアップするWordpressのプラグイン・チュートリアルいろいろ | WEB制作.Hack
Pingback: Design-Flash.fr » Blog Archive » 10 Easy jQuery Tricks for Designers