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)”

Html designer on 5 de Outubro de 2009 at 16:05 said:

That is one fine lightbox! Thanks for sharing!

Reply ↓
Pingback: 40+ Quite Useful Wordpress Plugins using jQuery | tripwire magazine
Pingback: 40+ Quite Useful Wordpress Plugins using jQuery | huibit05.com
Peter on 8 de Outubro de 2009 at 1:12 said:

Thanks for this great plugin. I wanted to make some slight modifications and wondered if you could help me figure out how to:

1) Remove the “Download” link and just have the description appear, as plain text (not bolded)

2) Is it possible to have a gallery of images in the lightbox show, on a post that only displays a single image? If so, how do i set this up?

Thanks,
Peter

Reply ↓
- Pedro Lamas on 8 de Outubro de 2009 at 10:11 said:
  
  For the link and bold, you’ll have to edit the lightbox.js file and manually change what you need! For the gallery, on the links instead of rel=”lightbox” set rel=”lightbox-xxxxx” and replace “xxxxx” for some id of your own!
  
  Reply ↓
Pingback: Plugins para imágenes usando jQuery en WordPress | Summarg
bigelowc on 19 de Outubro de 2009 at 1:05 said:

Thank you for a great plugin. I can get it to work with one small image showing a larger image when I click on it.

How do I click on one image and have is allow me to view a gallery of pics one at a time?

This is the link that I have working with a larger pic, I don’t know what code I need to show the gallery.

I also have NextGen installed as well.

Thank you

Reply ↓
- Pedro Lamas on 19 de Outubro de 2009 at 11:13 said:
  
  To set up a gallery, just use WordPress native galleries, or set the rel=”lightbox-xxxxx” instead of rel=”lightbox” on the links!
  
  Reply ↓
  - bigelowc on 19 de Outubro de 2009 at 23:29 said:
    
    I am not a programmer but pretty good at editing scripts.
    
    I am currently using this in my blog
    
    This works great for showing a larger picture, I just need it to let me hit next and display the next one in the gallary.
    
    if I do the lightbox-xxxx, whow do I tell it what pictures are assigned to xxxx so that it will display the rest on them in the overlay and not on the page?
    
    Reply ↓
    - Pedro Lamas on 21 de Outubro de 2009 at 8:27 said:
      
      You have to set all the pictures links you want to use with rel=”lightbox-xxxx”, that way it should just fine…
      Check this sample, it may come of useful: http://www.balupton.com/sandbox/jquery_lightbox_bal/demo/
      
      Reply ↓
Pingback: jQuery Wordpress Plugins - FPT Arener – Yes! I Can!
Pingback: 400 Wordpress eklentisi (Açıklamalı) (Wordpress plugin list) | CANARKADAŞ
Michael on 28 de Outubro de 2009 at 1:44 said:

Ever thought about loading jquery.js in from Google Code (http://code.google.com/apis/ajaxlibs/documentation/index.html#jquery) instead of having it part of the plugin pack? It would make loading of each website a bit faster.

The source would be:
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js

I’d be interested in an update that has this.

Reply ↓
- Pedro Lamas on 28 de Outubro de 2009 at 8:25 said:
  
  Someone did request this to me, I can’t recall why I didn’t do it… But I tell you what, I’m gonna check that again!
  
  Reply ↓
Isaac on 28 de Outubro de 2009 at 4:50 said:

Simply awesome… thank you very much

Reply ↓
bee on 31 de Outubro de 2009 at 8:47 said:

Simply love this addon – thank you very much!

Reply ↓
Pingback: 6 trendów w szablonach WordPress, czyli jak być na czasie | Sekrety WordPress
Jigolo on 8 de Novembro de 2009 at 22:01 said:

Checked my active plug-in list, and this one and the gallery maker are the only lightbox apps running.

Thanks.

Reply ↓
Pingback: 秋天的博客 » 18个Wordpress jQuery插件
Pingback: The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials « Temas e Dicas para Wordpress
Pingback: 10 JQUERY 设计技巧 | CQ-CSER
Pingback: 35个时尚的WordPress 插件使用 jQuery « SonicHTML – 高品质 HTML+CSS 服务
Pingback: jquery wordpress plugins – part 1 | DexTech
Jeremy L. Knauff on 30 de Novembro de 2009 at 22:29 said:

Great plugin Pedro!

2 things…

1. For the person who asked about getting rid of the download link – rather than editing the js, you can just add display:none; to the CSS for that item.

2. My question is: How do I make the description open when the image opens instead of when I mouse over the large image?

Reply ↓
Tobias Ross on 1 de Dezembro de 2009 at 19:52 said:

I’m seeing an odd behaviour with wordpress and K2 (nightly build), I think it’s tied to the

div id=”lightbox-overlay” style=”width: 1052px; height: 1393px;

The height is pushing the close window link way to the top… I think because of the height: 1393px;

http://www.ineye-design.com/jon-nelson/photography/

I can’t figure out where to configure the lightbox in the context of this plug-in…

Reply ↓
- Tobias Ross on 1 de Dezembro de 2009 at 20:00 said:
  
  WordPress 2.8.6
  K2 1.0-RC8-revision-817 (nightly)
  
  Browser:
  Firefox 3.5.5
  
  (Safari 4.0.4, I can’t navigate between images, next and previous)
  
  It’s wierd because when I view other people’s galleries, the close and mouse-over statements float in the upper right, rather than being stuck to the top way off the screen… I’m thinking it’s a CSS conflict.
  
  Reply ↓
Tobias Ross on 1 de Dezembro de 2009 at 20:10 said:

Replacing the stylesheets that came with the plug-in with the stylesheets from http://plugins.jquery.com/project/jquerylightbox_bal, seems to have fixed my problems!

Reply ↓
Omar on 4 de Dezembro de 2009 at 13:40 said:

Thanks a million man!
I’ve spend many hours looking for a such a plugin.
You’re the best!

Reply ↓
Stefan on 5 de Dezembro de 2009 at 14:06 said:

I’d like to know how to disable the link underneath the picture. Which js file has to be altered, where and how? Thanks!

Reply ↓
- Pedro Lamas on 5 de Dezembro de 2009 at 17:07 said:
  
  You can just use CSS to hide the link; Check the comments above…
  
  Reply ↓
Jason on 8 de Dezembro de 2009 at 2:28 said:

I love your Plugin; however I’m seeing a full black background on Firefox 3+ on PC and Mac. I’ve tried edited the css min and regular files by adding the necessary opacity references, but this seems to be a Mozilla-only problem, as it looks fine on Safari/IE7.

Have you ever seen problems with Firefox? Thanks in advance!

Reply ↓
Jason on 8 de Dezembro de 2009 at 3:03 said:

Wow, I finally figured it out. FYI to anybody out there using this…if you have the following code in your document head, this plugin will not work:

I removed this line, as it is not necessary (though I would have liked to have had it).

Reply ↓
- Pedro Lamas on 8 de Dezembro de 2009 at 11:16 said:
  
  Jason, the code in the comment didn’t appear, wordpress removed it… Please add it again with “code” html tags!
  
  Reply ↓
Pingback: 9 Wordpress Plugin with Jquery | denbagus blog
Pingback: 11 Useful jQuery Powered WordPress Plugins | Web Design Ledger
Pingback: 11 Useful jQuery Powered WordPress Plugins | Web Design Ledger
Pingback: Wordpress 2.7中文版发布 | 天仓零的无限轮回
Pingback: 山崎健介の、バーチャルワールド魂 » Wordpressで簡単にLightbox風の画像効果にしてくれるプラグインを入れました
Pingback: 11个使用JQuery的Wordpress插件 | Fatkun's Blog
Ann on 18 de Dezembro de 2009 at 17:46 said:

Used this on a client’s site… it is

a) Wonderful
b) quick
c) easy

and the best of all

d) IT VALIDATES!!!!

Amazing job Keep up the great work! x

Reply ↓
Pingback: Wordpress Eklentileri « www.hakanersoy.org
Pingback: 11 Useful jQuery Powered WordPress Plugins by Henry Jones « LifeLikePixel's Blog
Luis Serrano on 29 de Dezembro de 2009 at 14:31 said:

Hi Pedro. Its Luis Serrano from Spain.

Im trying to uninstall/delete jQuery Lightbox but once its done, effect keep present on my blog. How can i uninstall jQuery Lightbox at all?

Thanks

Reply ↓
- Pedro Lamas on 29 de Dezembro de 2009 at 22:00 said:
  
  Just remove the “jquery-lightbox-balupton-edition” that is at “wp-content/plugins/”… if it still persists, it’s cache of you browser!
  
  Reply ↓
  - Luis Serrano on 30 de Dezembro de 2009 at 0:50 said:
    
    Hi again Pedro, thanks. Check this…
    
    Ive deactivated the plugin via wp admin panel, and deleted plugin folder (jquery-lightbox-balupton-edition) via ftp. Once the plugin is totally out and deletion confirmed, i do clean all my browers cache at all. But jQuery still there, Working like a ghost!
    
    - Tested in Firefox (With clean cache)
    - Tested in Explorer (With clean cache)
    - Tested in Chrome (With clean cache)
    - And, tested in Safari (First time use,newly installed for this test)
    
    Somehow, jquery files are still working by server side. Even if I delete the folder manually. Checking files via hosting admin panel or ftp, same result: plugin folder deleted.
    
    From here, I dont know what to do. Please, i need some help to fix it.
    
    Thanks again Pedro.
    
    Reply ↓
Pingback: 11 Useful jQuery Powered WordPress Plugins « LeDesigne Studio
Rob Barham on 1 de Janeiro de 2010 at 10:22 said:

Thanks very much for this excellently coded plugin.
The effect is beautiful.

Muchos Gracias.

Reply ↓
Pingback: Wordpress 400 Eklenti « www.hakanersoy.org
Dave on 2 de Janeiro de 2010 at 17:55 said:

Can I use this with text.
like inline?

thanks
Dave

Reply ↓
- Pedro Lamas on 2 de Janeiro de 2010 at 20:02 said:
  
  No sorry… only if you change the code for yourself!
  
  Reply ↓
Scott on 5 de Janeiro de 2010 at 1:44 said:

When I activate this plugin, my entire site is no longer centered. Can you give me an idea on what would be causing this?

Reply ↓
- Pedro Lamas on 5 de Janeiro de 2010 at 11:49 said:
  
  Most likely there is a compatibility problem with the CSS on your theme and the CSS of the plugin… :S
  
  Reply ↓
Pingback: Lorelei Web Design » 75 Best Wordpress Plugins That Make Bloggers Lives Easier
Pingback: лучшие jquery плагины для wordpress
Pingback: 10 Useful Wordpress plugin with jQuery | denbagus blog
richard on 15 de Janeiro de 2010 at 8:49 said:

i have the plugin working on my images but i get a link to jQuery Lightbox Plugin (balupton edition)and click to close, hover top interact in the top corner, is this possible to turn off ???

thanks richard

Reply ↓
- Pedro Lamas on 15 de Janeiro de 2010 at 11:00 said:
  
  You want to remove the message, is that it? Just check the above comments, there’s one here showing how to achieve this with CSS!
  
  Reply ↓
  - Mikebmuller on 28 de Janeiro de 2010 at 21:31 said:
    
    Hi, I have been looking through the comments and can’t find how to get rid of the title at the top right “balupton edition”. Can you link me to the comment that says it?
    Thankyou very much
    
    Reply ↓
    - Pedro Lamas on 28 de Janeiro de 2010 at 22:24 said:
      
      Just add the following to your CSS stylesheet!
      
      #lightbox-overlay-text { display:none !important; }
      
      Reply ↓
stefanika on 15 de Janeiro de 2010 at 22:59 said:

Hi,
Thanks for your nice plugin.

I dont want people to download my images on my wp blog so,
I just want to remove the download link that appear under the image frame, i removed the title tag but there is always a link named “untitled”. Is is possible to remove that link?

Reply ↓
- Pedro Lamas on 15 de Janeiro de 2010 at 23:52 said:
  
  You can set a title=”" tag on each of the “a” tags, but that won’t remedy the download part, just the “untitled” part…
  
  Reply ↓
  - Roy Williams on 18 de Janeiro de 2010 at 23:08 said:
    
    First, thank you for this great plugin.
    Referring to your response above, does this also mean that the link cannot be disabled? I currently use LightBox 2 on my site which does not allow downloading. Also, I am implementing your plugin on my localhost.
    
    Reply ↓
Rainbow Skill on 18 de Janeiro de 2010 at 4:22 said:

Hi Petro i must say that this is a nicely coded plugin great! Thanks for the plugin.

Reply ↓
- Ptah on 25 de Janeiro de 2010 at 14:27 said:
  
  Hi Pedro!
  Thanks for this great plugin, but the there is one problem. Plugin seems to be working well, but only on the main page, if I do “cut” posts, it is not working anymore.
  Could you advise something?
  
  Reply ↓
Pingback: The Power of WordPresjQuerys and : 25+ Useful Plugins & Tutorials | Umraz Ahmed | The Official site
Pingback: 5 Image and Gallery Lightbox Solutions for WordPress | WPTemplates.net | Free Wordpress Themes
Pingback: 10 Image and Gallery Lightbox Solutions for Wordpress – Plugins | Script Online Collection - Free nulled script - Clone sites
James on 26 de Janeiro de 2010 at 20:45 said:

Great plugin cheers. When the first image opens up, it is dropped down on the page, then when i click the next ones, they rise back up into their proper position. Then when i click prev, the orginal image is back in the correct position again.

It only happens on the first time you open a gallery.

The link is here http://restyleloft.com/wp/loft-conversions/loft-bedroom/
any ideas?

Cheers

Reply ↓