Lightbox 2.03 released

A minor update with a couple of bug fixes, a handful of tweaks, and some small niceties added.

After much delay comes the new update. I’m not extending the functionality at this point but making some tweaks and fixing some of the small bugs. You can grab it from the main page: Lightbox JS v2.03

  • Object and Embed elements hidden on Lightbox activation, prevents Flash movies and other media from appearing through Lightbox image
  • extended keyboard support (arrow keys, esc key)
  • added toggle in Javascript file to turn off animations
  • imagemap support
  • valid CSS
  • clicking anywhere in ’shadow’ closes Lightbox
  • removeDuplicates function works with incontiguous items
  • a bit of code cleanup

Like I said, minor stuff.

Apr 16, 2007
AsceticMonk

Thanks for the update! Good addition on the extended keyboard support, and also happy to know that CSS is now valid!

Apr 17, 2007
Jasper

Thanks for the update.
Keep up the good work!

Apr 17, 2007
Ankur

Nice work, Lokesh Bhaia!

Although I like mootools better than prototype :)

Apr 17, 2007
Keyboard Cowboy

Thanks! I was just about to use this again, and I almost went to my cache of files to grab it. Glad I checked here today!

Thanks again.

Apr 17, 2007
sinder112

Is there a way we can embed videos? Or will there be in future releases?

Apr 17, 2007

#5 sinder112
Sorry, photos only. For other content, google for Lightbox modifications or try an alternative script such as ThickBox or Lightwindow.

Apr 17, 2007
Raige

I really like this script, it looks great and at the transitions are so smooth that at first I actually thought it might be flash. However, I notice that if the image height is larger than that of the browser window, once the image loads, the overlay does not cover the newly scrollable portion of the window in Internet Explorer (it’s fine in FireFox and like browsers). This also occurs upon resizing window height from a smaller to larger window while the image is open (in several browsers).

Apr 17, 2007
Brendan

Thankyou Lokesh for continually improving upon one of the best website enhancements available …

Apr 17, 2007
sinder112

Thanks for the information. Your work is amazing.

Apr 18, 2007
anas

the update is not that tiny compared to how small the script is.

Apr 19, 2007
ArielAleXCo

I liked the version 1 and I loved the version 2, haven’t try this yet, but… er… Just one little little cuestion ive been trying to figure out by myself but haven’t been able to find de answare (since version 1)….

Is there a way to make the FULL IMAGE be viewable while downloading???

oh yeah… another one, sorry… er… I read almost everything on the forums, faqs and that stuff,… but is there a way to make work “on click” and not in “until everything is loaded “??? :S

Thanks for this great code ^_^

Apr 19, 2007
Nigel

Just started using Lightbox. It’s great, but we’re having problems using it in IE6. It starts to work and then crashes. Any thoughts as to why?

Cheers - N

Apr 19, 2007

“but is there a way to make work “on click” and not in “until everything is loaded “???

ArielAlexCo: There are methods to execute javascript before images are finished loading. They allow you to run your script after the DOM has been initialized but before the rest of the page dependencies have completed loading. For further reading:
brothercake’s domready function

Apr 20, 2007
Peter

Great little feature but being a dummy I cannot install it. Any chance someone can send me an email at peterphillips77@hotmail.com on how to install this great Lightbox2.03, ie. very simple and clear instructions PLEASE?

cheers.

Peter

Apr 20, 2007
Tim

I like the plugin very mucb, but since I updated to 2.03.1 I am having a few problems. In Safari, at least, a “?” appears where the “close” image should be in the bottom right hand corner of the lightbox. The “close” image is being called but not found.

In Firefox the lightbox has an extended whitge area to the bottom, double the size of the image, the image shows but width an oversized bottom white border.

Any suggestions?

Apr 20, 2007
Tim

Fixed. I had to respecify the location of closelabel.gif and loading.gif with full urls. I still have oversized lightbox whitespace however with one wordpress theme (Island After Sunset) in Firefox. Puzzling …

Apr 22, 2007
Joseph

Thanks for the update, keep up the great work.
joe

Apr 22, 2007
ArielAlexCo

O_o ?? ok…. i’ve cheked the site, download… i bealived instaled, but didnt understood the DOM, XDD jajjaa, ok. thanks. So, user should wait for complete download XDD.

Thanks, for you time and codding, I’vve already tried the 2.03 version and it was easier to customised it, a really liked the upgrades ^_^

Apr 22, 2007
;;;;;

;;;;

Apr 24, 2007
Antoine

Very good script !!! But … i have a question …

How to center the lightbox on my page ? I’m a newbie and i’d try
to change parameters in the css file and i’dont succed !

Could you help me … ?

I just want to have a lightbox which open at the center of my web page.

Thanks a lot.

Antoine.

Apr 24, 2007
vitto

hi, is it possible to load dynamic content in the modal window, ie a product details from a mysql db (both text and pics)?

Thanks
Great work by the way

Apr 24, 2007
Parvinder Singh

I am trying to use this script along with a Slideshow (as my header banner). Now I have used command “ONLOAD=”runSlideShow();” ” in my body which is not allowing this script to run. If I remove ONLOAD command, the script works fine.

Is there any solition where I can use both together …..

thanks in advance

Apr 24, 2007
THoL

Whenever I discover a new way of doing something cool I just think ‘wow’, Lightbox gets a ‘WOW’. You’re doing some great stuff, and deserve the praise.

Apr 24, 2007
fjordan

I’m running into a very weird problem, no matter I’m using lightbox v2.01 or 2.03.1. Lightbox is only functional when the page is initially loaded.

Let’s say I have all images embedded in a …. 10 images inside this div, here… >

I use Javascript to dynamically replace the innerHTML contents of this wrapBox div.

As soon as this div is replaced with another 10 images, all lightbox effects are gone. And I know for sure, there is nothing else being changed on this page, I assumed all javascripts loaded should stay effective.

Besides, all rel=”lightbox” are associated with the anchor… href thing…

Any idea, folks???

Apr 24, 2007
fjordan

A follow up on my previous question:

lightbox.js basically invokes: initLightbox() as window.onload is fired off.

That’s why when I dynamically changing content of a div, basically all contents are images to be shown in the lightbox-ed way, the lightbox isn’t effective.

I’m not exactly sure how this can be tackled, in the era of Web2.0 and everything is AJAXized, it’s definitely necessary to have lightbox to support dealing with a scenario as this ;-)

-fj

Apr 25, 2007
Anonymous

Well, after a few hours of hair-pulling, now I finally got the point.

As the innerHTML content is dynamically rendered by AJAX (XHR HTTP GET return contents), a reasonable delay has to be set before invoking initLighbox()

so after XmlHttpGet() and div innerHTML value set,
invoke this:

setTimeout(”initLightbox()”, 500); // set a 500millsecond timeout before invoking initLightbox() this way we hope the content has stabilized or available to the browser/client-side…

Also, make sure:
1. comment out Event.observe() line (the final line), this is useless now.
2. wherever you invoke window.onload = function() {….}
make sure initLightbox() is called as well.

that’s it.

cheers.
-fjordan

Apr 25, 2007
Nirav

Thanks for the wonderful script!

installed and working in under 30 minutes!!! All thanks your great documentation.

Have two questions though…
1) the images for next and prev don’t always show up; kinda sporadic as to when then do. Its odd since the “close” image does. Haven’t test the “loading” image since it is on my local machine loads really quickly.

2) Under the close button is it possible to add another container for comments? and a form to submit comments?

Thanks again for the great work!!!

Apr 26, 2007
April

Can’t wait to see it^^ thanks you so much!!!! for lifting my burden.

Rock On!!!

Apr 29, 2007
john

hello
can I increase the size of the image?
I woulf like to have a bigger photo..is this possible?
thanks a lot

Apr 29, 2007
Rafael

John, if the size of the image is increased, it will pixelate and look horrible. If you want the picture to be bigger, that’s your responsibility, not the writer of this script’s!

Apr 29, 2007
posttoast

This is great stuff!

One thing though: I would like to place all navigation (previous/next/close) at the bottom of the lightbox. What is the easiest way to do this? Maybe someone else here already did this?

Apr 29, 2007
cWanja

Wouldn’t you just adjust the CSS to align the images at the bottom of the picture?? Be careful though posttoast not to override the next image on top of the close image.

Apr 30, 2007
Patrick

I love your lightbox! I want to be able to display flash inside of it for the motion graphics section of my portfolio. I was wondering if this was possible or might be possible in the future. Thank you!

Apr 30, 2007
Adolfito121

First Of all, thanks for that great utility.
I’m testing it to put on my website but when the embedded image is a moving gif it doesn’t works propertly on Internet Explorer and In Opera (but it really works fine on Firefox).

Thats the url:

http://xarcuteria-olive.com/Pruebas%20web/index.htm

and the animated photo is the 9th(4th, 5th, 6th, 7th and 8th are still to be uploaded).

Apr 30, 2007
posttoast

@ cWanja: I wish it was that easy. It seems I have to edit the js-file as well, but I can’t get it to work properly.

Apr 30, 2007
Kenneth

The light box is great!!! How do I find the 2.03 version???

Apr 30, 2007

@24, 25, 56 - Re: Getting Lightbox2 to work with content that is added to the DOM after initial load.

A quick overview, once the page is loaded the lightbox script runs and searches for images that have the a rel attribute with a value of lightbox*. The script adds a click event handler to these images.

If you add images dynamically to a page after the initial page load you need to hardcode these click handlers . An example follows:

<img src="foo.jpg" onclick="myLightbox.start(this); return false;"/>

@34 Adolfito121 - It looks like the animated gif is refiring the onload event ever animation loop in IE. I will get a fix in for animated gif support by tomorrow evening.

@36 Kenneth - Added the link to v2.03 atop the post.

May 1, 2007
Adolfito121

Thank you very much.!!!

May 1, 2007
Adeola

Hi Lokesh,

Does the end() method fire an event that I can watch for? For instance:

Event.observe(myLightbox, ‘end’, myCleanupFunction, false);

as I would like to call another function when I click the close button.

Thanks.

May 1, 2007
Ryan

Great utility! Finding more and more ways to use it and implement it.

Is it possible to add a link inside the window?

May 1, 2007
Leah

I think this is a great look! I’m a beginner at this and am working with Homestead Site Builder. I’ve tried to add an element and instert this code with my images but it’s not working. If anyone can help me please e-mail me at leah.parr@sonoco.com

Thanks!

May 1, 2007
Lampson

Hi!
Thanks! This is really great look! I tried to insert the code in my website, it works. However, there are some .gif file have same file names with others, so I created a new folder. Under this new folder, I copy and paste your files into it, then the scripts could not work. I tried to search the files and corrected them to a new location, but there is some .gif files could not showing, for instance, “prev.gif” , “prevlbabel.gif”. I want to know if it is the problem of the scripts of the head you provided, do I need to amend it as well?
Lampson

May 3, 2007
Till

Hello Lokesh,

this is an awesome script! Keep up your great work. :-)

I’ve one suggestion …
Would it be possible to change the following hard coded lines into variable ones in order to configure the string “Image x of x” in the configuration area (at top of the script) comfortably for translating it in other languages:

// if image is part of set display ‘Image x of x’
if(imageArray.length > 1) {
Element.show(’numberDisplay’);
Element.setInnerHTML( ‘numberDisplay’, “Image ” + eval(activeImage + 1) + ” of ” + imageArray.length);
}

More precisely: Only the string “Image” and the word “of” should be replaced by variables.

Because there were a lot of updates of Lightbox2 recently changing those strings inside the code is a bit inconvenient.

TIA!

May 4, 2007
Alessio

Thank you very much for this fantastic script!

May 5, 2007
Carbonize

There is a bug in Opera 9.2. If no title attribute is assigned to the link then Lightbox says null.

May 7, 2007
LightboxSupporter

Lokesh,

I feel so gutted.

Look at this : http://www.tomodo.net/PDOX.php

Read this line : “The website has simple pages and is the first to make use of the ‘Lightbox’ image gallery. (This also ended up being used here)”

It reads as if the guy did the Lightbox gallery, meaning he programmed it for his client. This is discrediting your effort!

I really feel gutted when I saw this.

Regards,
LightboxSupporter

May 7, 2007
Ardi

hi, great script!

is it possible to open the image always in the center of the browser win? if im horizontally scrolled to the right and open an image somewhere there, the big image still opens up on the left edge of the page, sometimes out of my screen…

thnx
A.

May 8, 2007
MMMila

This is very usefull and I learned lot of while put this script on my page!
But, it is good!
Thanx!

May 8, 2007

#39 Adeola - You could create a custom event and have both your cleanup function and the lightbox.end function subscribe to it.

#40 Ryan - You can add a link in the caption. (Instructions are on the Support section) If you want to add additional links, text, or images you will need to modify the script and have basic understanding of manipulating the DOM w/Javascript.

#43 Till - I will be releasing another update shortly w/a small Opera fix and in that release I will move the “image” and “of” strings into variables per your suggestion.

#45 Carbonize - Opera ‘null’ display fix should be up for tomorrow latest.

#46 LightboxSupporter - Thanks for catching this. Will email directly.

May 9, 2007
Msiagirl

Hi, great pics of Japan and Lightbox sounds like something I’d love to have on my blog. I am not a techie - only slightly geeky - and it doesn’t look like it works with blogger - is that right? Great application and good luck on it.

May 11, 2007
LAWRY

Hello, i am new to this JS and i have tried to get it to work but cant lol, can someone please email me easy but detailed instructions on how to install and upload files and so on, thank you

Lawry
lawrysdesigns@gmail.com

May 11, 2007
Brandy

How about an update to work with the latest version of Prototype (1.5.1)? Or does it already work?

You should at least consider it once the next final scriptaculous is released!

May 13, 2007
adolfito121

Some minnor things. First of all thanks for that great script and for read us and update lightbox so soon.

I stiil can’t open an embbed gif in opera (the last update make it work on IE7, but not in Opera).

And I’ve changed the loading gif for another a litlle bigger with another image (my mom’s shop logo :S) and in IE7 it appears with the old size and Opera & Firefox shows the new loading.gif in the correct new size… guess that Microsoft works without respecting some web standars (?¿?)

That is the proving web that I’m doing

http://xarcuteria-olive.com/webcatala/index.htm

Have a nice day and greets from barcelona

May 14, 2007
Dirk

Love this script ;-)

Just one tiny thing:
on line 13 in v2.03.2 you give credit to Peter-Paul Koch whose site is quirksmode.com (not .org).

May 14, 2007
brendan

I’m having a problem with Firefox and Lightbox 2.03. (works fine in IE)
The part that drops down with “Image 1 of 20″ and the close button disappears after the animation ends.
This problem didn’t happen with v2.02

my site is here:
http://nadnerb.members.beeb.net/html/macro.html

here’s an image of the problem:
http://img503.imageshack.us/img503/2420/untitledgw7.jpg

Any ideas why this happens?

BTW, Thanks for this great script Lokesh!

May 14, 2007
Till

#55 brendan - These kind of problems are IMHO better placed in the forum: http://www.lokeshdhakar.com/forum

Your website isn’t valid “XHTML 1.0 Transitional”
http://validator.w3.org/check?uri=http://nadnerb.members.beeb.net/html/macro.html
and your CSS isn’t also:
http://jigsaw.w3.org/css-validator/validator?uri=http://nadnerb.members.beeb.net/html/css/bsp.css
It would be a good idea to fix that first.

And what about your class “opacityit”. Does it work correctly without this class allocated to the -tag?

You mixed your own CSS with the one of the Lightbox. There must be something in confusion … BTW Lightbox 2.03.2 had some minor changes in the lightbox.css since 2.02 (see also TOP).

HTH
Till

May 14, 2007
Till

#49 Lokesh - I love this script more and more … :-)

Just a few little tiny things:

(1) In v2.03.2 (line 5) there’s a little typo: “4/30/07″ (not “4/30/06″).

(2) You may point out in your support chapter
http://www.lokeshdhakar.com/projects/lightbox2/#support
the following PHP script: “Combine”
http://rakaz.nl/extra/code/combine
–> This script works great, but is only something for professionals. ;-)

(3) It would be really great, if Lightbox would work in the future with
Prototype 1.5.1 and Scriptaculous 1.7.1 (still beta)! - Especially
Prototype 1.5.1 should be allegedly very fast:
http://prototypejs.org/2007/5/1/prototype-1-5-1-released

Once again thank you for your incredible script! :D
Till

May 15, 2007
Andreas

Just like to say a big thanx! Great work - no probs at all, simple to tweak … just what I was looking for! Greets from good ol’ Germany
Andreas

May 15, 2007
brendan

#56 Till

Thanks.
As you can see, I have no idea what I’m doing with CSS! haha
I’ll try my best to fix it up and make it valid and if I still have problems with Lightbox I’ll post it in the forum.
Thanks.

May 16, 2007
Eugene

Having trouble. When click on thumbnail, open new page, full-size, no animation or shadow overlay. Followed the suggestion to modify the “

May 19, 2007
Erwan Corre

Thank you for your works : it’s a great project for webmasters and any one.
“C’est superbe !”

My exhibition with your script here :

http://www.erwan-corre.com/monde-etrange/index.php

Please continue !

Erwan

May 19, 2007
Klay

Really amazing work, thank you !!

May 21, 2007
A-Russ

Question from a novice user -
Is there any way to link to a folder with multiple pictures instead of linking every picture? My picture updates are usually 30+ pics.

Great product. very cool.

May 24, 2007
Artem

Hi, this is wonderful script.

I am trying to use Lightbox with IE 6.0 and I am getting IE notification bar with text “To help protect your security, IE has restricted this file from showing active content…” (I have default security settings). It is not a problem for me to click “Allow blocked content”, but some of my website visitors can continue browsing without doing that. In this case they will not see wonderful Lightbox effects :(
Is there any way to avoid that notification bar for IE users without asking them to click “allow blocked content”?

May 24, 2007
Giuseppe

SEI UN GRANDE!!!!!! Continua così!!
by italiana user

May 24, 2007
Kumi

Thank you very much for Lightbox! One thing I’ve got to ask though: Is Lightbox is all entirely Javascript? There has been a person fussing me over that what I’m using is DHTML and that there’s some sort of link to DynamicDrive that I should remove. I have no idea and I hope I am not defending myself blindly, but here: http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm
we can see Lightbox on Dynamic Drive as DHTML. Can someone clarify this for me? Thanks in advance.

May 25, 2007
Nick

Wonderful piece of work.

I wanted to use this rightaway but I am already struck with UltimateTagWarrior for more than a week. As soon as that’s get resolved, I will install it.

Regards
Nick

May 31, 2007
Frank Jepsen

Lokesh Dhakar, thanks for sharing this wonderful tool with the rest of us.

You’re the man!

Jun 1, 2007
Heryos

Howe to import the Lightbox2 script in my flash site?
thanks

Jun 8, 2007
cagatay

hello. does it support auto slideshow?

Jun 10, 2007
Chris Bennett

Great work Lokesh,
Has anyone noticed that the overlay opacity isn’t working in ie6 in the 2.03 version of this excellent tool? Seems that the scripted transparency (instead of overlay.png as in the older versions) is causing a problem.

Fine in ie5.5, Firefox, ie7, Opera 9 etc only ie6

Cheers

Jun 10, 2007
Chris Bennett

Sorry meant to mention to Artem,

The warning will only appear on your local machine, web users won’t get the active x warning at all.

Cheers

Jun 10, 2007
Till

#71 Chris Bennett

IMHO you’re wrong. The demo reference website by Lokesh
http://www.lokeshdhakar.com/projects/lightbox2
with Lightbox v2.03.3 (5/21/07) does work perfectly and fine under IE6 (Win XP).

BTW discussions about these kind of problems are better placed in the forum:
http://www.lokeshdhakar.com/forum

Cheers
Till

Jun 11, 2007
Chris Bennett

#73 Till

Thanks Till,

It must be my standalone ie6eolas version not showing the opacity of the background for some reason - just needed comfirmation it was working for ie6 users and wondered if anyone had noticed a similar “problem” - the script was still working, only ie6 opacity of the overlay was ever an issue.

Thanks for the link to the lightbox forum - sorry for posting my question in the comments, simply hadn’t noticed the forum - please feel free to delete the unnecessary comments.

Cheers
Chris

Jun 12, 2007
user

hi

great script.
but if bitcoment is installed it breaks. seems like the download manager somehow conflikts with the script.

regards

Jun 13, 2007
Per-Gunnar

Excellent script. I am using it extensively on my site.

Many thanks for all your hard work.

Jun 14, 2007
Sofus Comer

Hi Lokesh and thanks for a great and clean solution to so many of us. I have implemented Lighbox 2.0.3 into my site http://www.fotomule.com and its a beauty until i reach the bottom of some of my portfoliopages. Then it goes totally ape by either not showing all the image and sometimes none. Maybe you or somebody can have a look and tell me if its a bug in lightbox or its my CSS thats doing this. I will happily send som files to be scrutinized if needed. Check out the page in question here: http://www.fotomule.com/portfolio.php?ID_serie=333&ID_fotos=4117&ID_usr=175
and go to the bottom of the page and click a picture and see what happens.
Take Care and thanks again.
Regards Sofus Comer, Photographer, Denmark

Jun 15, 2007
Manuel

Hello

I found this script fantastic and also liekd the Hoverbox from Nathan Smith. So i connected both and i find it great.

So take a look:
http://galerie.altherr.it

Have fun
Manuel

Jun 16, 2007
Roger

Hello, I love the script its easy to use. When viewing pics in the newest firefox it looks fine, IE7 the background shadow doesn’t cover all the way on the right side. I know very little about script and code.
http://www.batesfamilyohio.com

Jun 17, 2007
Volker

Thxs. for the script, just a little comment: When using lightbox, my site isn`t valid any more cause of the “duplicate specification of attribute “rel”". How can I solve this?

http://www.ayosnature.de

Regards, Volker

Jun 18, 2007
Goose

Hi, first of all i love the new version is great. I am having a lil problem getting the close image to come up in both ie and ff can anyone help me out. it comes up with a box crossed out in ie and nothing in ff and the white bit at the bottom is tiny in ff too.

Cheers
Goose

Jun 19, 2007
Montoya
Jun 20, 2007
Jeff

Nice Work,

But, it’s possible to make an update what allow lightbox in iframes?

Jun 20, 2007
Tiff

Hi,
Excellent work. I used it and like it very much.
I also wanted to add more functionality like putting zooming effects by adding some zoom in out buttons. Can you tell me where I can add it to effectively acheive that functionality?

Jun 22, 2007
Aaron

Love the script, beeen using it for a few months now.

I would like to move the buttons nav down to the bottom above the comment line. Also, is there any way to loop so when I get to the last picture, it will go back to the first one?

Jun 24, 2007
hellyes

nice nice nice :)

Jun 24, 2007
tobi

hi there,

does anyone has a STEP BY STEP tutorial for using lightbox in flash???i am a flash beginner and i am going to dispair of calling lightbox from flash…

i need help!!!

thanx a lot!

tobi

Jun 26, 2007
Scott

Found your Lighbox today, its absolutley awesome!

Jun 29, 2007
Deepa

This post was the answer to my prayer..
Thank you very much..
Here is where i have used your lightbox
http://earn-while-you-post.blogspot.com/

Cliking in the images… the pic is enlarged in light box ( Superb)
However i have a query…When the mouse is moved over the image.. i would like to have the zoom cursor to appear.

After searching thro the default cursors ( arrow, crosshair,etc etc) i decided to make my own as say zoomin.ani ( even though it has the extension of a animated cursor.. it has a single frame and appears as a static cursor)

I tried adding the cursor(url of zoom.ani) to the img tag ( and also my template).. yet.. when i view my blog in browsr ( IE & FF)… the zoom cursor fails to appear.
…Could you please take a look and let me know as to how to get this zoom cursor working
..the reason why i want the zoom cursor on the image.. is … to tell the viewers that the pic can be zoomed in (.. in normal case the hyperlink appears and opens the pic as url)

Jun 29, 2007
nabizan

Hye guys

have y seen what have done google in his ‘picasa wab albums’?
something unbieleble! when y create your own album and upload a few photos, then click on edit my album and … incredible popup will turn on, something amazing. I have been working on similar functions but its will take much more time than i expect, and if I take a look how it could look like … something like that i always wish to my web page, i have been dream about it for a long time SIMPLE AMAZING. And if there is anybody who have much more free time than me and it like him it could be NEW RELEASE under lightbox. (I expect they simply take latest version of this one and modified it to theirs)

Jun 30, 2007
Fabio

Superb piece of code, Lokesh, congrats!

One question, though: is it possible to call it from within a flash swf? If so, please leave some instructions… I’m not exactly a web savvy!

All the best,

Fabio.

Jul 2, 2007
Vincent

Lokesh, you’re amazing, my online photoalbum is been pimped.

Jul 3, 2007
Diego

Excelente ejemplo, y muy aplicable; Gracias por ayudar a los que apenas empezamos en este mundo del web.

Jul 5, 2007
FEIHONG_CHN

THANKS FOR YOUR GREAT JOB!
I MAKES MY WEBSITE SO BEAUTIFUL!

Aug 18, 2007
okaydave

This is a great script and I’m going to use it throughout my site.

I know this is probably possible but an amatuer like me can’t figure it out. Is it possible to show the ‘close’ button above the image instead of below it? Some of my images are quite large, and I don’t want visitors to have to scroll down to find the close button.

Aug 23, 2007
Mark

First of all.. THIS IS FREAKIN’ AMAZING.. I love it!!

I love version 2 because of the ability to make grouped image sets.. Does anyone know of a modification available that will allow the “PREV” and “NEXT” buttons to be static?? I think it’s an amazing concept, but I think the average user won’t know where to find those buttons unless they find it by mistake..

Thanks so much for this great work..

Aug 29, 2007

My image gallery looks a lot better now. Thank you!

Aug 31, 2007
jmadden93

Anyone know how to integrate some sort of “star rating” widget into lightbox (such as spotback.com)???

Lightbox + Spotback would be a killer way to view/rate photos on a blog!

Sep 3, 2007

Everyone loves the lightbox.

Any way I can add a print command, in addition to the “X” close command?

Thanks

Rowby

Sep 10, 2007
Galma

Hello,
it’s possible have two different lighbox.js file (with different name “lightbox1.js” lightbox2.js”) in the same page?

Thanks!

Sep 12, 2007
Crystal

I am interested to know if there is a way that allows the next buttons to automatically appear without a hover?

I find users may close the window in lightbox 2.03 before they realize they can view a group of images by clicking a next button once their mouse has hovered over the hot spots.

Cheers,

Sep 14, 2007
rory

I’m very interested in using Lightbox on my site.

However, it is interfering with the ability of people who use Internet Explorer (the browser that the vast majority of people use), to access my site. When they go to my page, with Lightbox 2.03.3 installed, the first thing they get is an alert sound and a pop-up saying: “In order to help protect your security, IE has restricted this website from running scripts or ActiveX controls that could accesss your computer. Click here for options…”

Then they have to click the pop-up, at which point another box comes up that explains the issue and gives them the choice of accepting or declining to access the site.

To access the site, they have to click yet again.

The result is that IE users are told that my site may be a security risk and they must click twice to access it.

This defeats the whole purpose of Lightbox, the principal benefit of which is that it enables people to see a photograph full size without opening a new page.

I realize that this is an IE issue and that it is not Mr. Dhakar’s “fault”, but the fact remains that Lightbox is an unattractive solution to the issue of displaying photographs unless the issue can be resolved.

I hope that this comment is taken in the constructive way that it is intended. If this problem can be fixed, I would love to use the programme, and I would also be happy to make a donation.

Sep 15, 2007
rory

To follow up on this, it came to my attention this afternoon that a gentleman involved in ZenPhoto has created a ZenPhoto theme that incorporates Lightbox.

For whatever reason, when one uses the current version of IE to go to this gentleman’s site, one does not get an IE security pop-up.

For info, see this thread on the ZenPhoto forum: http://www.zenphoto.org/support/topic.php?id=1705

Sep 15, 2007
rory

Well that is interesting. There is an IE problem when one is testing off-line, but it appears not to materialize when one goes on-line. That is good news. If this continues to be trouble-free, and if it’s the right solution for me as a design matter, I’ll be making a donation.

There is an interesting discussion going on about Lightbox from a design perspective here: http://www.37signals.com/svn/posts/592-been-lightboxed-lately

Cheers.

Sep 26, 2007

For anyone who’s looking to add slideshow to lightbox. Please take a look at my post.
http://wensheng.com/blog/2007/05/22/lightbox-slideshow/

do a diff on lightbox.js and lightbox-ss.js and figure out what’s added (just a few lines). It’s pretty straightforward.

Oct 29, 2007

Horizontal Scrolling - overlay issue

Problem:
overlay anchored top left of web page instead of covering where you have scrolled too on the webpage.

Seems these guys/girls got it to work, using a totally different lightbox:
http://test.thecodecentral.com/demos/lightboxrev/lightbox.html

I myself prefer your version for the obvious aesthetic and functional features (image sets and transitions, although i really like their minimize/maximize feature, possible .4 update???).

Unfortunately my javascript knowledge prevents a solution. :(

Can you indicate where the “Support for horizontally scrolling pages.” is located in the 2.03.3 release?

maybe just post a link to a horizontal scrolling page that works with your lightbox???

here is my test site….. http://stu21o.com/v3s

all the thanks in the world! mjfav at aol.com

Dec 6, 2007
Brandon Bean

Is there a way to invoke Lightbox in the OnLoad command? I have a small html file that I would like to be displayed before the page without linking away. I am working on a site that is really buggy in Firefox, so I want a file to come up when the index page is loaded letting them know this and that they should view it in IE if they have any problems.

Is there a way to do this?

Dec 13, 2007

Very nice. Thanks for the update, and also including all the files in the download. You rock.

jorge

Dec 24, 2007
tahsin

verygood thank you very much

Jan 4, 2008
webber

Hey Lokesh,

Thank you for your great script….Just one question:

I am trying to apply your script on child element of IFRAME and on click the shadow effect only appear IFRAME CHILD page not on the PARENT frame element.

Would really appreciate if you can pass some tweak to solve this…btw just clicked on forum link got “page not found” - hope wasnt playing dumb!

Keep up the good work!

Jan 5, 2008

HI all!

Man this thing is great! I have it up on my test site at http://home.comcast.net/~tnavfd/index.html

I have a couple of questions:

Can I have it load a standard html page in the lightbox window? I have tried several different things but none has worked…
The second is along the same lines… I could use a pdf to show the same data (meeting minutes from the month VFD meeting). That would great to be able to show but if not I still tickled shitless by this script!

KODOS and GREAT Karma to you all!

I can be reached at moe@tnavfd.com if anyone wants talk off the blog… I have not joined the forum… thats hard for me to do with my work schedule and the fire / ems calls.

Happy New Year all! Moe

Jan 31, 2008

hi,

I got your reference for lightbox2 from http://www.formula1.com/news/interviews/2008/1/7307.html#top and if you click on the images displayed here you will have the overlay images as with lightbox2. They might be using the same lightbox2. But there is some extra feature like Slideshow and PREV and NEXT button in the bottom. Is it possible with the default lightbox2 setup or we need to change something. Any information regarding this will be highly appreciated .

Thanks

Mar 2, 2008

Love the lightbox - just put it up without much problem.
Searched all over web. Similar queries unanswered:
Looking for code to loop last photo to first via prev/next buttons.

Thanks in advance,
zeppo

Mar 3, 2008

Google - Lightbox Slideshow - by Justin Barkhuff

Code adds loop and other finer controls

I’m so happy. Thanks alot. Oh, you’re welcome.

Mar 6, 2008

mentioned several times, but is there a step by step for idiots to get lighbox working before the page finishes loading? I’ve seen this:
http://www.brothercake.com/site/resources/scripts/domready/#domready-fig1-after

is it necessaryu to hack the lightbox script, or can you just call lightbox in some way from the page code?

If you have to hack the script would it be the lightbox.js script? and what would you hack.

where does this go!?
var foobar = new domFunction(whatFunctionGoesInHere?);

Mar 19, 2008
Allahverdi

Hi Lokesh,
I really need to change images x of x words to other language, can u say me how can i do it?

Apr 3, 2008

FYI, I made this page to help find my way through all the lightbox clones and their various adaptations to various frameworks: The Lightbox Clones Matrix. Mucho thanks for creating this in first instance :)

Apr 6, 2008

So just wanted to say thank you! I am seeing this everywhere now, and thought it was big of you to share. :)

Apr 11, 2008
Paul

Struggling to make Lightbox work with ruby on rails after an ajax call has refreshed my partial (complete with lightbox images). Any thoughts or fixes in the near future to combat this?

Apr 21, 2008
Luis

Hi,

I’m student and I’m going to use light box for one of my projects. I added the light box for the gallery sections and it works perfectly but I couldn’t find the way to add the “Next” and “Previous” links to the light box. I tried a few things in the css code, but they never work. Can anyone tell me what I should do?

Thanks very much!!

Apr 21, 2008
Navjeet

Hi very nice work
I have one question,,,how can i open a web page in lightbox instead of image

Thanks very much!!

Apr 28, 2008
Humberto

Dear Lokesh

I have a problem.
about some tall pictures - the overlay does not fit until the botton page.(IE6.0) A tray config the css (ovelay height - auto - but its fixed on 500px?), but dont work.

How can i do?

Humberto Carlberg

May 1, 2008
JH

I’ve found several possible ways to do this, but none have worked for me yet (I’m on Day 6). I have a bunch (over 30) thumbnails in a flash file and I’m trying to use Lightbox as a way for users to see a larger view. I’ve found and tried:
- Using a js Delegate
- FlashLightbox
- Lightboxinjector

I think simple is better, but none of these have worked. Too many buttons?

Can anyone suggest a sure-fire way to call Lightbox from a full screen Flash file? I’m not a coder, but I’m pretty good at cut-and-paste.

May 2, 2008

Here is the web site I’m trying to integrate with Lightbox:

www.hofmanstudios.com

The thumbnails are on the page called “The Table”

ARRRRGGGHHHH…

May 7, 2008

All is good now. I got LightBoxInjector to work. I had to use V1.1 so I could control the transparency on a full page flash site.

May 22, 2008

Hei,
really great work, I am using lightbox for quite some time, but I havent noticed before that its doesnt work with IE6, at least not on any computer i tried.

For example:
www.studiovizual.com

Lightbox works great if I browse using Firefox, but as I said it doesnt work with IE6.

3 weeks ago

when I group the photos and it reaches the last in the group the next button still appears and when users click on it, it throws them into a neverending loading gif.

is there a way to turn off the next function on the last photo in a related group?

Add Comment