Firebug and FireFox 3 Using a Sony Eye-Toy HD with Leopard

jQuery Lightbox Version 0.5

After a long hiatus, jQuery  Lightbox has been given a much needed push to completion.  Thanks to some help from google code user kkotowicz, we’ve got some new features:

  • Multiple instances of lightbox galleries are now allowed
  • Added support for navigation bar on top
  • Added support for toggling of displaying a title
  • Added support for toggling of sliding the navigation bar
  • Added a help dialog, that can be toggled
  • Added a fit to screen feature
  • Removed some custom functions in place of some jQuery equivelents (width/height, destroying elements)
  • All strings are now in opts.strings allowing for customization/localization
  • Fixed the dreaded IE CSS bugs

On top of that, i’ve made a few tweaks to the animation, which I plan on being an option in 0.6 or 1.0 (if this release works well for all).

I highly recommend that everyone upgrade to this release, as it’s far more feature complete, and feels like a solid product.  As always, please comment with any comments/issues, and they’ll hopefully be worked into the next version.  For now, download jQuery Lightbox 0.5.

Cheers!

13 Responses to “jQuery Lightbox Version 0.5”

  1. jQuery Lightbox Version 0.4 Says:

    […] This is an older release.  Version 0.5 has been released, and it acts better as a true jQuery plugin.  It is recommended that you download Version 0.5 to […]

  2. jQuery Lightbox Version 0.3 Says:

    […] jQuery Lightbox v0.3 is a very old release.  I’ve recently released version 0.5 and highly suggest you download that release as it fixes many bugs that exist in v0.3 as well as […]

  3. jQuery Lightbox V0.2 Says:

    […] jQuery Lightbox v0.2 is a very old release.  I’ve recently released version 0.5 and highly suggest you download that release as it fixes many bugs that exist in v0.3 as well as […]

  4. Ryan Says:

    Are you still developing this?

  5. krewenki Says:

    Yes, i’m still working on this. Development was in a bit of a lull for a while because work was taking up all my programming time. The google code project is where you can see all the activity http://code.google.com/p/jquery-lightbox .

  6. David Says:

    i have problems with that? i included all files to my page: http://www.davidhellmann.com/foto-test/
    but i dont work :(

  7. krewenki Says:

    David,

    I took a quick look at your site, and I couldn’t see where you actually initialize the lightbox. You’ve included the script just fine, but now you’ve got to call:

    $(document).ready(function(){ $.lightbox(); });

    When you do that, things should start to work for you.

  8. hibrix Says:

    Hi there,
    i’m spending several hours trying to understand why the Lightbox script (version 0.5) is not working on this website: http://robybates.com/index.html

    But just when i use Internet Explorer 7 on a laptop.

    Just try to open the lightbox from the first carrousel…no thing happens on if you use a PC laptop on IE 7

    Is this a bug?
    Any suggestion?

    Thanks.

  9. crobinson Says:

    I have a strange problem going on, just wondering if this has ever happened to anyone else or if it’s something I caused myself. Any page that I turn lightbox on for makes the floats in my header collapse on top of each other in IE7. It’s some mouse over event that is causing it I believe. I’ve tested the problem with .3 and .5 and still have the problem with both. However, when I remove lightbox, even though I’m leaving in jquery and another jquery plugin, the problem goes away.

    Again this is only a problem in IE7 (that I’ve seen)
    http://www.apwagner.com/index.php?main_page=part_finder&model_num=WWA3650RBL&model_id=31991&manufacturer=General%20Electric

    Thanks

  10. Yuri Says:

    Hi,

    I would like to insert a list of image urls in an array (eg: img1.jpg, img2.jpg, img3.jpg) and when light box, for example, loads the img2.jpg, it shows the next and previous button (because “it know” that there is img1.jpg before and img3.jpg after). It’s possible?

    Thx,

    Yuri.

  11. Nic Says:

    Hi! I tried using the jquery lightbox version 0.5 but it won’t work in the website that I am currently creating. What happens is when i try clicking the link to the picture, it opens using a new window. I have used the following codes:

    and included initLightbox() here:

    Is there a code that I forgot to include?

  12. Nic Says:

    Hi! I tried using the jquery lightbox version 0.5 but it won’t work in the website that I am currently creating. What happens is when i try clicking the link to the picture, it opens using a new window. I have used the following codes:

    script type=”text/javascript” src=”js/jquery.js”
    /script
    script type=”text/javascript” src=”js/jquery.lightbox-0.5.js”
    /script
    link rel=”stylesheet” type=”text/css” href=”css/jquery.lightbox-0.5.css” media=”screen” /

    and included initLightbox() here:

    Is there a code that I forgot to include?

  13. Jan Skritt Says:

    Hello.

    I have an idéa for a new function in this plugin!

    Change or add a new way in witch to add albums/collections:

    * write a behaviour that makes it possible to apply the plugin to all
    elements in a specified container, and then add other containers that
    automaticaly becomes other albums, with specified @=”rel” of the CONTAINER
    (the div) as the name of the album. This could look like this in the head:

    —-
    script type=”text/javascript”
    $(document).ready(){

    jQuery(’#albumLink01′) .click(function() {

    // here is one of several albums in one page.
    When you click one albumlink, a container comes out that
    shows the images of the specific album (through additional ajax).
    The lightbox is then applied to that container. Note that
    I´ve used jQuery instead of $ for compatibility with other
    JavaScript libraries.

    jQuery(’#gallery01′).slideToggle();
    jQuery(’#gallery01 a’).lightBox();

    });

    });

    /script

    —-

    Now, I know very little about jQuery as I know nothing about JavaScript of what so ever, but it seems like a better way to go about creating different albums. I am currently creating a function for my clients to upload images and add new albums themselves, continuously. This way I could designate several albums in advance and have them add images to them. As things are now, with the albums being created at every instance, I can not do that. This is a way to get things working structured, while the other predefined way is better for a moore flexible albumcreation.

    Maybe this way is already accessible to me, I just haven´t realized it. In that case, pleease tell me about it.

    Thanks
    Jan

Leave a Reply