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

Wott on 26 de Janeiro de 2010 at 22:53 said:

I found that first time ( after loading ) repositioning does wrong, because main thread work fast and second repositioning holds in the reposition_failsafe, but options with true nHeight is lost and the second fire repositionBoxes make wrong calculations.

To fix the issue, option for second call of repositionBoxes should be stored.
I am adding reposition_options as class variable:
reposition_failsafe: false, // failsafe
reposition_options: {}, // saved options

and save the option in the repositionBoxes function:
if ( this.repositioning )
{ // Already here
this.reposition_failsafe = true;
this.reposition_options = options;
return null;
}
this.repositioning = true;

and

if ( $.Lightbox.reposition_failsafe )
{ // Fire again
$.Lightbox.repositioning = $.Lightbox.reposition_failsafe = false;
$.Lightbox.repositionBoxes($.Lightbox.reposition_options);
}

Reply ↓
James on 27 de Janeiro de 2010 at 19:36 said:

Hi,

When the initial image opens up, it is low on the screen. Then it gets in the correct position again. Can this be fixed so it opens in the correct position.

Cheers,

http://restyleloft.com/wp/garage-conversions/gallery/

Reply ↓
- marnix on 2 de Fevereiro de 2010 at 16:42 said:
  
  I have the same problem
  
  Reply ↓
Pingback: Los mejores plugins de jQuery para WordPress (y X): Lightbox Balupton Edition | Recursos para Diseñadores Gráficos y Web | Creativos Online
Pingback: 25 Hand Picked Best jQuery based Wordpress Plugins | CSS Reflex - Design Blog | Web Design | Inspiration and Resources for Designers
AJ on 1 de Fevereiro de 2010 at 19:58 said:

Hi — I’m wondering if there is a way to have the info that gets displayed at the bottom of the images appear without having to mouse over the image first. I am using that info to describe each painting in a gallery and I’d like to to load when the image loads and stay up the entire time time the user is clicking thru images in a galllery.

Thanks so much

AJ

Reply ↓
- Judie on 19 de Abril de 2010 at 23:51 said:
  
  I would like to know how to do this, too. In fact, I would like the “prev, next, title and close text” all to stay visible.
  
  Thanks for your help!
  
  Reply ↓
Pingback: Hur du kommer igång med WordPress | Teknikdagboken
kuru on 10 de Fevereiro de 2010 at 2:38 said:

great plugin, but it is causing my footer to jump up to header just for Internet Explorer 7. It is working Firefox and Internet Explorer 8 ok. My theme is Arthemia Premium, How can I fix that?

Reply ↓
- Pedro Lamas on 11 de Fevereiro de 2010 at 13:03 said:
  
  Probably there is some incompatibility with your theme CSS… just send me an address where I can check the problem and I’ll see if I can help you!
  
  Reply ↓
Pingback: 35 Stylish and Modern Wordpress Plugins using jQuery UI | AlexVerse
Pingback: AMB Album » 10 Easy jQuery Tricks for Designers
Pingback: 11 Useful jQuery Powered WordPress Plugins | WebsGeek
Pingback: Placing images in articles « The Democratic Party of Milwaukee County
James on 27 de Fevereiro de 2010 at 22:35 said:

Pedro,

Love the plugin and it’s flexibility. Great work.

I am having the same issue as James and Marnix from above. When the lightbox initially opens, it opens toward the bottom of my browser window, and ‘sticks’. After the first time, it opens and sizes correctly. Any ideas?

You can see this issue here.
http://bigshift.com/homagetovets/

Thanks for the plugin… and appreciate any help.
James

Reply ↓
Wade on 3 de Março de 2010 at 0:20 said:

Instructions say that you can use to group and display multiple images but it doesn’t say what else to do. Does “album” refer to the name of the directory the pictures are in? do you add album as in “album-01.jpg” to the file name? How does lightbox-album tell the plugin which pictures to group?

Reply ↓
- Steve Rio on 21 de Abril de 2010 at 20:39 said:
  
  Hey man,
  
  the name you use isn’t in reference to anything, it’s relational to any other images you have on the page with the same name.. I’m using it on the following link, where all the image links on the page have rel=”lightbox-artist” to put them into a gallery you can browse thru from the popup… http://thecheapershow.com/artists/no9-artists
  
  Reply ↓
Joe on 10 de Março de 2010 at 21:14 said:

The lightbox sometimes takes a a few seconds to load after the page itself loads, if I click on a photo before it loads lightbox, it loads the photo on a separate page. Is there a way to make Lighbox load first, before the page?

Reply ↓
Peter on 13 de Março de 2010 at 12:02 said:

Is it possible to add a link in the description of the image? So when you’ve clicked on the thumbnail. it opens up the large image and then at the bottom in the description, can some of the text link to an external file?

Reply ↓
Pingback: [翻译]11个实用的jQuery WordPress插件 | I am Solari
Pingback: » 10 плагинов lightbox эффектов для wordpress ReadyWeb.RU
Franco Cedillo on 23 de Março de 2010 at 17:46 said:

“Download” and “download” terms are located in jquery-lightbox-balupton-edition/js/jquery.lightbox.js several times

But download option does not appear on the slideshow effect.

Is some configuration needed?

test-link: http://vivacity.pe/juerga/2010/03/21/bubba-lounge-20-03-10/

Reply ↓
Pingback: 15 Magnificent jQuery Plugins for WordPress Blogs | Template Monster Blog
Miguel on 30 de Março de 2010 at 15:31 said:

I having a bit of difficulty removing the link when the the image lightbox pops up. The original “jQuery Lightbox Plugin (balupton edition)” appears when I open an image in the upper right hand corner. Also, “Click to close” appears underneath this link.

How do I remove both of these?

Thanks for your help.

Reply ↓
- Steve Rio on 21 de Abril de 2010 at 20:43 said:
  
  The credit text can be removed by adding this line to the / css / jquery.lightbox.css file..
  
  #lightbox-overlay-text { display: none; }
  
  similarily, change the CSS on the #lightbox-close class (around line 200) to:
  
  display: none;
  
  done!
  
  Reply ↓
Kote on 30 de Março de 2010 at 19:58 said:

It doesn’t work on 2.9.1

Reply ↓
- Pedro Lamas on 31 de Março de 2010 at 9:46 said:
  
  Greetings, I’m using 2.9.2 and it is working perfectly on it, so please do update your WordPress!
  
  Reply ↓
phil on 4 de Abril de 2010 at 2:17 said:

hey. I am new in this. and i am using your wp plugin.
I have following questions:
first:
Where exactly can i choose the background color? (as now when I click an image, light-box opens, but the background all completely black)

second::
on the top right I see this info link: jQuery Lightbox Plugin (balupton edition)
can I take this away?

third:
click here to close button on the top left.
Where can I deactivate this?

thx

Reply ↓
- Steve Rio on 21 de Abril de 2010 at 20:45 said:
  
  laughing man is right, or see my comment above to Miguel’s questions for the easiest way without going in to the JS file
  
  Reply ↓
laughing man on 5 de Abril de 2010 at 22:32 said:

to remove the jquery lightbox credit thingy

go to /wp-content/plugins/jquery-lightbox-balupton-edition/js and edit the file ” jquery.lightbox.min ” either download it and edit the file on notepad or your favorite editor and change it to whatever you want or just remove the credit from the file.

Reply ↓
Pingback: Jquery Plus Wordpress : Plugins and Tutorials | AcrisDesign
nicole on 10 de Abril de 2010 at 17:44 said:

Trying to get the title and description to automatically come up. I have changed show_info & show_extended_info to “true” in the jquery.lightbox.js file and it is still not working. Do I need to change it somewhere else too?

thx

Reply ↓
- edjusted on 31 de Maio de 2010 at 6:16 said:
  
  nicole, were you able to figure this out? I’m trying to do the same thing.
  
  Reply ↓
homeion on 12 de Abril de 2010 at 10:42 said:

I was looking for something else when I discovered this great pluging. This should be standard in WP. Great work and many thanks.

Reply ↓
Pingback: Все о Wordpress » Архив блога » Jquery-плагины для WordPress
Dan on 14 de Abril de 2010 at 15:20 said:

I’ve been looking all over the web for a way to add a single image to post that will link to a Lightbox Gallery of several photos when clicked.

Is this possible?

Reply ↓
Judie on 19 de Abril de 2010 at 23:48 said:

I have the same question as Phil above – taking the on the top right

As Phil said, “I see this info link: jQuery Lightbox plugin (balupton Edition)can I take this away?”

I saw your response, I’ve tried every file, but I don’t see exactly where to remove it. Can you please be more specific – thanks so much!

Reply ↓
Alison on 22 de Abril de 2010 at 8:07 said:

Great plugin – I just wish that it added the proper HTML to a link with an image like Lightbox 2 does. That would save me a lot of time. Another suggestion – maybe giving the option to remove the link in the caption bar, and replacing that with the img title or alt instead.

Great work!

Reply ↓
Dmytro on 28 de Abril de 2010 at 9:44 said:

Definately great plugin. The only one thing that I can not get how to get pictures in an album? Can someone help on that issue?
Thanks for such a good work.

Reply ↓
tombstone on 28 de Abril de 2010 at 19:54 said:

Hello. I installed the plugin but the lightbox isn’t working. You can see here http://honkbaldocumentary.com/photos/ and click on picture. It opens up but doesn’t do the lightbox feature.

Any ideas?

Thanks!

Reply ↓
Pingback: 30 Efficient jQuery Lightbox Plugins | Design your way
Pingback: 30+ Useful Ajax Lightbox and Modal Dialog Solutions | Dottony
David Page on 16 de Maio de 2010 at 9:57 said:

You have a hack on your website. Look at the footer in the source for a file http://holasionweb.com/oo.php It links to malware. Just an FYI

Reply ↓
- Pedro Lamas on 16 de Maio de 2010 at 12:57 said:
  
  You’re right, thanks for the warning; somehow, this keeps happening and I don’t even know how it appears…
  
  Reply ↓
Pingback: The Power of WordPress and jQuery: 25+ Useful Plugins & Tutorials | HOSTERWARE UK. Tel 02081337636
Pingback: 14 best jQuery Lightbox Plugins - Wsblogz.com – Web design magazine
Pingback: 35 Stylish And Modern Wordpress Plugins Using jQuery UI | DX Articles
Pingback: 10 Of The Best JQuery Plugins For Wordpress | Triphp Webmaster Blog
Pingback: WordPress 2.7 uyumlu 8 eklenti
Evil-Rabbit on 2 de Julho de 2010 at 16:48 said:

Hi, is there a possibility that the plugin doesn’t resize images when showing them in the lightbox?

Reply ↓
Pingback: 25 Most Downloaded Free WordPress Image Galleries Plugin | DynamicWP
Pingback: Most Downloaded Free WordPress Image Gallery Plugins | Developer Code book
Pingback: 35 Stylish And Modern Wordpress Plugins Using jQuery UI | My Free Design Area - A Webpage for Joomla Free & Commercial Templates, Wordpress Free & Commerciak Themes, and Drupla Free and Commercial templates, Flash Templates and animation, Html tem
Pingback: 35 Stylish And Modern Wordpress Plugins Using jQuery UI » The Nowhere News
Pingback: 10 Image and Gallery Lightbox Solutions for WordPress – Plugins » The Nowhere News
Pingback: 45+ jQuery Based Wordpress Plugins and Tutorials
Pingback: 31 Great Wordpress jQuery Resources | Pingable :: Everything Wordpress
Pingback: 13 jQuery Wordpress Plugins
jaime on 9 de Agosto de 2010 at 3:29 said:

Where do we put images in WordPress directory to show the pictures? iS it in themes/images?

Reply ↓
- Pedro Lamas on 9 de Agosto de 2010 at 14:17 said:
  
  You just have to upload them by using the “upload” option in the post editor!
  
  Reply ↓