#1 Lex

January 3, 2006 @ 1:01 pm

Lokesh, this is a really cool little script! Thank you.

#5 John

January 4, 2006 @ 1:49 pm

Bharath, you're pages take ages to load and looking at the code there are an incredible amount of javascript calls in just one page. There could be a conflict between scripts. Also your image is huge, why not try with a smaller image first. Also I haven't tried with a text link, linking to the large image but like Lokesh a small image linking to a larger view of the image.

#7 Ian

January 4, 2006 @ 6:48 pm

Cool script its helped me out with my site by reducing the amount of code and getting rid of 1 page completely (i had a seperate image viewer) . Ill def put a link to this on my site somewhere when i get the new version up..

#9 John

January 4, 2006 @ 11:09 pm

Hi tried it in Opera 8.5 and it works fine

Must not work in the Opera version I had…

John

#11 Kenny

January 5, 2006 @ 5:52 am

Hi I tried it on my blog and had the same problem as Bharath - we both use K2 as our theme, so that's why.

However if you go into K2 options under the WordPress admin panel, and just turn off Live Search, it will work flawlessly:

www.stereopoint.com

Thanks for sharing Lokesh.

#13 Andy

January 5, 2006 @ 2:27 pm

Dude, it's so daymn cool!

I'll put the link to it in my site when I'm done with the overhaul ;)

# Andy from the other part of the world

#15 AndrewE

January 6, 2006 @ 8:21 am

This is the script I had been looking for since I can't remember when! Thanks very much for sharing.

If you have a spare minute or two perhaps you could help me out, i've got it working on firefox but in IE the overlay.png isn't showing, just the enlarged image.

Is this just a matter of IE or is there something I can do to make it work on both browsers?

my test site is here:

http://www.writerspace.net/o/

Thanks very much

AndrewE

#19 Chat Clussman

January 6, 2006 @ 8:41 pm

Excellent script. Thank you for sharing it with us.

I was going to make a feature request to either fade in the PNG or give some sort of indication that the image is loading but I see that Yoav already added a loading bar and tooltip, so I'll just request that you roll those features into the next update. ;)

#21 kazi

January 7, 2006 @ 12:58 am

like the script will use it in my blog!

#23 Alexander MacCaw

January 7, 2006 @ 3:21 pm

Great Script!
I've made a few basic alterations using the script.aculo.us library. Just some fancy fade and drop outs. You can see it at:
http://www.ajaxcms.org/gallery.html
Thanks

#25 Kirk

January 8, 2006 @ 8:37 am

Very nice work. I suspect this will be very popular, I'm already thinking of ways to put it to work. Thanks for sharing!

#27 fab

January 8, 2006 @ 5:08 pm

wow what a nice little code snipplet. i already used it and it works and looks fantastic. simply thank you!

#29 Tonio

January 9, 2006 @ 1:19 pm

Great work !

Just got a problem, the overlay has just the size of the windows, and is on the top.
So if thumbnails are at the bottom of the page, the overlay background is too high to be visible.
Any idea ?

Anyway, that's a great work.

#31 Peter

January 9, 2006 @ 6:21 pm

A very nice script ! But it have one slight delay: in Internet Explorer 5.2 for Macintosh it works quirky. The overlay image is not placed in tthe center of the window but the center of the image is placed in the right bottom corner of the window. The PNG isn't placed at all but the animated gif is placed correct. Looks a bit strange … In all other browsers I tested it works great.

#33 Jon

January 10, 2006 @ 12:38 am

Like the idea, but the overlay and loading gif don't work for me — I wonder if it's a compatibility issue with my browsers' config (IE6, Firefox 1.5, both with Roboform and Onfolio).

Lokesh, I know you are inundated with support requests–talk about biting the hand that feeds!–but if you could have a look at http://www.squeakypig.com/misc/test/test.htm I would be grateful. For that matter if anyone could have a look and see if the overlay effect is working, I'd appreciate it. Cheers…
–Jon

#35 Jon

January 10, 2006 @ 2:04 am

Ok, the comments didn't let me add the code needed. See http://www.w3schools.com/css/css_howto.asp for instructions on how to have an external style sheet in your html if you're not sure how to do it.

You need to reference the lightbox.css

#37 Noize

January 10, 2006 @ 8:46 am

Wow this is a great script! keep up the good work :D

#39 Steve

January 10, 2006 @ 11:00 am

As they say, "You the Man!". Great script, wonderful effect. Thanks loads.

See at http://www.larimer.org/photos/

#43 Nguyet

January 10, 2006 @ 12:45 pm

Thank you! this is awesome!

#45 Pete

January 10, 2006 @ 12:54 pm

Nice Blog and great script!
Here is a request, write a little script to do what they are doing here: http://www.36-degrees.co.uk/ Click Contact, it is also here: http://www.mooflex.net/ login in to the demo.

I love this ability to hide divs like this, would love if you could put a little resource together.

Thank you!

#47 Cyanbane

January 10, 2006 @ 1:33 pm

Great Hack. Thank you.

#49 npoz1

January 10, 2006 @ 1:57 pm

I love this script even though I can't get it to work. Can someone help me out. I've uploaded the javascript file, put the code in my header.php and used the appropriate code in my test post. Nothing happens though. Please take a look and tell me if you have any idea of what is going wrong. http://www.posnick.com/blog

Thanks

#51 anhinga

January 10, 2006 @ 2:17 pm

I love love love this script. One suggestion: after the main page is loaded, why not start preloading the larger images? Would make the experience even smoother.

thanks so much!
a

#53 Skwid

January 10, 2006 @ 2:30 pm

This is great - would it be possible to do the same thing for a div ? I am thinking of a login popup. Please give me feedback.

#55 Bane

January 10, 2006 @ 2:51 pm

Fantastic idea, just what I needed. I solved the problem of a close via click comment by adding a background image with that text aligned to the bottom right on the overlay.

Modify CSS:
#lightbox {
background: #eee;

To:
#lightbox {
background: #eee url(close.gif) no-repeat bottom right;

and make an image to match.

http://www.banemacleod.com/lab/flickr/

#57 DArren

January 10, 2006 @ 2:54 pm

Sweet piece of code and design. I love it and will be using it.

#59 pHaez

January 10, 2006 @ 3:12 pm

It appears in firefox that the javascript is not getting the proper page height to make the overlay cover the whole page. Even on your example page, there is a small bar at the bottom of the page that is not covered with the overlay. On my site, the bar is quite a bit bigger, It doesn't appear to have anything to do with the fullsize image, as my fullsize image is smaller than the one on your demo page, yet my bar of missing overlay is larger.

#61 Daniel

January 10, 2006 @ 3:43 pm

Lokesh,

Thanks so much for sharing, so folks like me can look great without having work out all the details. I'm adding this to my picture gallery that I've already put together. Smart work, and even better that you've set it up to degrade if someone doesn't have js enabled.

#63 wjb

January 10, 2006 @ 4:56 pm

Hey cool script, thank you! Anyone know how to get rid of the link border color around the loading gif when it pops up? A CSS rule or somthing? It only has a border around it in IE, not FF. TIA

#65 David

January 10, 2006 @ 4:57 pm

Simply genius.

#67 pHaez

January 10, 2006 @ 5:15 pm

my solution to the overlay not covering the whole page (namely in firefox) was to change:

if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else { // Explorer Mac…would also work in Explorer 6 Strict, Mozilla and Safari
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}

to:

if (window.innerHeight && window.scrollMaxY) {
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else { // Explorer Mac…would also work in Explorer 6 Strict, Mozilla and Safari
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}

#69 Leonardo

January 10, 2006 @ 5:46 pm

Excellent work, this is a revolution for those who want to do not use pop up and want to open an image in full size, congratulations.

#71 Adam

January 10, 2006 @ 6:34 pm

Outstanding work. I incorporated support for this on my forum software, and it works great so far.

#73 FrontPage Sucks

January 10, 2006 @ 7:28 pm

How would you add the code in Frontpage 2003?

#75 Mads Jensen

January 10, 2006 @ 8:53 pm

VERY nice work…

THANKS

#79 Drew slifer

January 10, 2006 @ 10:42 pm

Wow, your site was even put up on DIGG and you your server still stayed alive!

I love the lightbox, and your site is amazing! I'll definately be sure to check in a lot more often :D

#81 Ross Poulton

January 10, 2006 @ 11:26 pm

Excellent work!! I'll be implementing it in a gallery app that I'm working on in Django.

#83 Matthew

January 11, 2006 @ 2:11 am

thanks for writing this script, im making a school presentation on the web and i think it will help give me the edge i've been looking for.

#85 Bas

January 11, 2006 @ 7:13 am

GaBuBu: It does work with sIFR, only you have to tweak it al little to make the onload-event work. In the end, I just put this code in my header:

<body onload="sIFR_now(); initLightbox();">

#87 Drew

January 11, 2006 @ 11:04 am

Superb script. got the update for the floating captions (ala alt text) but is there a way to have text in the popup window say on the bottom. The popup caption can only hold so much info.

#89 HeadY

January 11, 2006 @ 4:22 pm

Really nice Script and nice Idea…
BUT:
I tested it with my mom, and said "look at the Bikes". She clicked the fist picture, and i said "look at the next one" and what did she do? Clicked the BACK Button on her mouse. :(
So nothing to use on a normal site. The normal internet user seem to be confused with it. :(

#91 Jon

January 11, 2006 @ 9:09 pm

Thanks so much to the "other" Jon (posts #34, 35)…what a rookie mistake on my part to have left off the CSS link. Thanks for your help!

#93 BOK

January 12, 2006 @ 10:44 am

This is a great feature on any page to show some images. Thanks!

But somehow the title-text is not showing up on my blog: http://bok.xs4all.nl/weblog/

Fancytooltips is in the way… http://www.victr.lm85.com/fancytooltips/

#95 Jul

January 12, 2006 @ 2:10 pm

Amazing script!

But one question. In preview, after loading my image, the loading image doesn't dissapear, so If my image is too small I can see the part of the loading image. How it could be fixed?

Thanks!

#97 Xavez

January 12, 2006 @ 7:14 pm

Oi mate, love the script, now using it on www.xooz.be and I've gotta hand it to ya: it just looks GREAT. Why didn't I come up with this myself, darnit!

#99 Jul

January 12, 2006 @ 8:43 pm

Thanks a lot, Lokesh!

By the way, on my browser(IE6) width doesn't overlayed for whole size (on Firefox it's ok), so I added into showLightbox() function, next row:

objOverlay.style.width = (arrayPageSize[0] + 'px');

and it fixed the problem.

#101 johan

January 13, 2006 @ 10:12 am

#97

Hi leandro
you should visit http://wiki.script.aculo.us/
there you can find the effects you want.
read instructions to install javascripts -> very simple

in code you only have to change the following

line 188 //objLightbox.style.display = 'block';
new Effect.Appear(objLightbox);

line212 //objLightbox.style.display = 'none';
new Effect.DropOut(objLightbox);

you can see it in action on http://new.909.be/portfolio/1/

all kind of effects can be added.

#103 Xavez

January 14, 2006 @ 6:05 am

The overlay works fine in IE here… Are you sure you added the CSS code the right way? :)

#105 ryan

January 14, 2006 @ 4:50 pm

Hi - I'm using the Wordpress K2 theme with this (awesome script!). After reading your commets, I was able to get this to play nice with livesearch.js (see comment #41) but I noticed another 'conflict'. When I go to a permalinked page, two other .js files are loaded, one of which is ajax_comments.js. If this is on, the lightbox will not work. When I turn ajax_comments off, lightbox works again. If there a way to get lightbox to play nice with ajax comments?

Thanks for any help with that!

Also, Alex McCaw - nice work adding some neat effects.

#107 Nick Fessel

January 15, 2006 @ 10:09 pm

Lokesh,

Thanks for fixing the IE6 bugs. The IE6 problem was the only reason I didn't use this the first time. I came back to see if it was fixed and I am happily surprised. Great job.

Nick

#109 Monika

January 16, 2006 @ 5:18 am

Hi great idea!
I've tested your script without using a mouse.
I can't use ist, if I'm an internet user who can use a mouse.

And is there a fallback solution for user who are surfing without js?

kindly regards.
Monika

#111 MoeJoe

January 16, 2006 @ 2:40 pm

Great Script. is there a way to open the popup when the small images are in an imagemap?

#113 Chris

January 16, 2006 @ 6:16 pm

re. Monika's problem, its not that it can't be used without a mouse, just that it could take a while to move focus to the close button.

These two additions will give the lightbox close link focus - meaning enter can be used to close it.

at ~#200 (after setting display:block on obj.Lightbox and before return false)

document.getElementById('lightbox_close').focus();

at ~#320 (after creation of objLink)

objLink.setAttribute('id','lightbox_close');

#115 Odair

January 17, 2006 @ 8:04 am

Hi, i'm from cape vert and i found this Lightbox JS a really nice script. God job Lokesh!

Now it will be easier for me to make my photo-galleries.

OP

#117 mazdac

January 18, 2006 @ 6:00 pm

Great script! Thanks for it!

#121 Ray

January 22, 2006 @ 4:48 am

Brilliant!

A problem with Firefox is the default setting is to open pop up windows full size. Now it doesn't matter what settings or what browsers my visitors use.

This has made my site more professional.

http://www.gdaywa.com/extras/hol/hol.php

#123 Scott

January 26, 2006 @ 12:12 pm

Any one care to share a link where Lightbox is being used with sifr? I saw it mentioned in comments 84 and 85, but no link was given.

#125 ND

January 27, 2006 @ 12:39 pm

Can anyone help?

I amusing large images with my lightbox script. Does anyone know a way to program this so when you click onto the larger image to return to the thumbnail, it goes ‘exactly’ where you originally clicked the thumbnail.

This allows for easier navigation. Any help would be apprecitated.

#127 LS

February 2, 2006 @ 7:13 pm

wow, what a great script indeed!
but im having some problems with the preloader, and the litle 'x' gif on the corner…they dont show up…i dont know why! ive uploaded all the files to the server, but still nothing…am i supposed to change somehting in the .js file? if so, how?

any help would be appreciated.!

#129 SoulCreeper

February 7, 2006 @ 4:24 am

i just want to say that this script is really awesome. i cant wait to see it working on my own site soon :P

just a question. when i tried to seperate all the files into folders, i.e. the .js file in a 'js' directory, the css file in a 'css' directory and the images in a seperate 'images' directory, the overlay doesnt seem to work. or is it just that i am testing the thing offline?

#131 Anathema

February 9, 2006 @ 5:05 am

Could this be altered to display movies, or any other media, instead of images? I mean there is no reason why you couldn't insert the appropriate embed or object tags to do this right? Javascript makes me retarded so I have no idea where to start.

#133 wanted

February 10, 2006 @ 5:44 am

Very very good script. ;)

I would to use the script in my php gallery but my images link are not in standard format (Ex. img/temp.jpg). All images are generated dynamically by php script (Ex. album.php?id=12) and the Lightbox script don't work.

Do you have any suggestion for me? Tks :)

#135 martyn

February 12, 2006 @ 7:38 am

I'm getting this:

Method Not Allowed
The requested method POST is not allowed for the URL /lightbox/text.html.

Any ideas?? It's meant to work like this:

http://particletree.com/examples/lightbox/

I uploaded everything I had too, it works on the comp but not on the server. Please advise.

Martyn

#139 chrisbears

February 17, 2006 @ 6:56 am

Hi!
Did anyone try this script with an animated GIF? I got some funny reactions in IE 6 for it will open the picture again and again and again and again…
It works fine with normal GIFs (IE and FF).
Any ideas?

Great script anyway, thanks!

chris

#141 Jarmo

February 19, 2006 @ 1:57 pm

This is a very cool script! however, there's a minor problem with the layout. If there is not a vertical scrollbar on the page, it will appear when you click the thumbnail. This causes a horizontally centered page to move a bit - but enough to disturb - to the left. Then when you click the image to close it, the page moves back to the original place (and vertical scrollbar disappears).

now, what i'd like to have, would be a fix that would prevent scrollbar from appearing and messing with the centering. So no scrollbars what so ever if the picture fits the screen anyway. It must be becouse of calculating the dead center point with JS but is there a workaround for this?

#143 mllebuffalo

February 20, 2006 @ 3:39 pm

lokesh,
everyone is so thankful for your genius + generosity!!! this is a fantastic script (we all concur :))

quick q: if i want a lightbox when my page loads, do i just call the javascript in the body tag? ??

a big fat TY

#145 Ryan

February 21, 2006 @ 5:23 am

I tried using that script and I can't seem to get it to work within my page. I can make simple ones and get them to work but once I try to add the script to my page is doesn't work. I cleaned up my styles like someone mentioned but that still didn't work. What could I be doing wrong? Thank you for any help.

-Ryan

here is the page:
http://glorydayssportspub.com/photos2.html

thanks again.

#149 Jarmo

February 23, 2006 @ 11:28 am

I found out that the problem I described earlier (#141) doesn't appear with opera. Firefox and IE seem to have problems. Another bug I found: There's an issue with the very first time you're using the script. This bug also happens with IE and FF, not with opera.

the first load with IE (6) causes the loading-gif to appear in middle-top instead of dead center position. So the loading animation just runs above the picture all the time.

the first load with FF (at least 1.5.0.1) doesn't use the script at all! after the first time you use the script it works as it should. so if you go to my page

http://www.jarmovalmari.com/gallery.php

and click a thumbnail. it goes to a new window window (as I have defined in a href tag).

IE6 also creates a vertical scrollbar some scrollable - which should not be needed since the picture already fits the screen.

#151 Jake

February 28, 2006 @ 1:08 pm

Lokesh, I emailed you yesterday about a problem I was having with Lightbox in IE 5. Well I found a way to fix it, but I don't know why it works.

In IE 5 the image frame went all the way to the right edge of the browser window. Adding a rule to the css fixed it:

* html #lightbox {
width: 1px;
}

In my tests, any width value solved the issue. Hope this helps!

#153 rob

March 2, 2006 @ 11:11 pm

hmmm, could you help out with my script, i think i did it by the book but not getting the functionality (ignore enlarge image button)

http://www.englishtrunkshowco.com/category.cfm/categoryoid=1

thank you,
rob

#155 To Rob #153

March 4, 2006 @ 1:24 pm

I have had a look at your site… where are the images exactly?

#157 tenaciouspingu

March 5, 2006 @ 6:48 pm

really nice, i finally just got it to work in both internet explorer and firefox, sweet.

#159 Anonymous

March 8, 2006 @ 2:39 pm

Thanks for a good script!!

#161 xsism

March 9, 2006 @ 3:04 pm

I thought IE doesn't support Alpha Transparency in PNGs? It appears to work though in Opera, FF, and IE. Did I miss something, because i've been using straight CSS alpha(even though it doesn't work in Opera).

#163 Brian Allen

March 10, 2006 @ 9:44 pm

I would suggest the addition of a pre-caching trict to get the big image to load.

Something simple like :

This way your script will just pop the larger image on the screen.

- Brian Allen

My Home

#165 tranquiliste

March 11, 2006 @ 5:45 pm

Hello Great scritp I am going to use it for my Photo gallery and I implemented it in to my blog (http://tranquiliste.free.fr (look at the pic of the watch).

But I have a dumb question : how to increase or decrease opacity of the background?

Thnaks again

#167 David

March 12, 2006 @ 11:31 pm

Op, well i just found it :o)

Thanks anyways,
David

#169 Jen

March 14, 2006 @ 9:12 pm

Hey Lokesh, beautiful piece of work. I'm having one problem with it though… Actually I'm using Lightbox Plus for wordpress, so maybe I'm barking up the wrong tree here. Anyway, I'll give it a shot. When I go to validate my page (I'm using XHTML Transitional 1.0) I get 5 errors. It seems the script is automatically adding rel=lightbox to my anchors AND to my images. When it adds it to the image, it adds it after the ending slash:

Like this:
border="0" / rel="lightbox">

Is this something I'm doing wrong or is it something in the "Plus" plugin for Wordpress that is breaking?

Thanks again and any help would be appreciated!
http://www.popstalin.com/blog/?page_id=2

#171 mox

March 16, 2006 @ 11:48 am

Wow, Incredible work !
I'm planning to use it in my new gallery that I am developping.

One thing.. When the page is not completely loaded and someone click on an image it's loading in a blank window. Is there a way to make your script "intrusive" ? eg: … ?

Thanks !
–Ben

#173 Aymeric

March 19, 2006 @ 6:04 pm

Hi, very nice script !

I wanted to know how the lightbox can be openned clicking an image map.
is there any possibility ? inserting a "rel" in the AREA tag ?
I tried anything lol

Thx

#175 Evan

March 24, 2006 @ 1:51 am

the script appears fine in Firefox
but when I open the page in IE it doesnt work. Can you tell me why. Heres a
link to the page.
http://www.hawkhillrt.com/images/Nocturnal/wayne.html

#177 Tony

March 24, 2006 @ 11:58 am

Works very nicely indeedy. Same question about absolute positioning as Ben Shwartz #68, to have the image centred at various screen resolutions. Any fix for this?
thanks very much

#179 erik

April 9, 2006 @ 12:57 pm

its great!

#181 Ollebulle

April 26, 2006 @ 10:31 am

Thanks for this awsome script. I have one question though.
I need to "unescape" the image/image path "var" that lightbox.js gets from the "a href" in the html/php file.

Can someone help me or point me in a direction please, js isn't really my cup of tee.

#183 BlueCat

May 1, 2006 @ 6:41 pm

P.S. Oh yeah, forgot to mention since I just want this more *simple* as noted above, I wanna use just the older LightBoxJS and not the more fancy (and complex) 2.x version which Lokesh has posted recently.

Any help? Anyone, anyone? Bueller…? Bueller…? ;-)

Thanx

#185 Kelly

May 5, 2006 @ 1:33 am

It's my first visit to your website. After just a quick browse, I'm really impressed!
buy phentermine | carisoprodol | phentermine online |

#187 Monika

May 5, 2006 @ 1:35 am

Hello admin, nice site you have!
ambien http://vvarder.cba.pl/ambien.html hydrocodone http://partizzanka.cba.pl/hydrocodone.html lorazepam http://partizzanka.cba.pl/lorazepam.html

#189 Michael

May 5, 2006 @ 2:39 am

Best site I see. Thanks.
[URL=http://s3.phpbbforfree.com/forums/index.php?mforum=kkarsha]adipex[/URL] [URL=http://vvarder.cba.pl/adipex.html]adipex[/URL] [URL=http://vvarder.cba.pl/alprazolam.html]alprazolam[/URL]

#191 Ann

May 5, 2006 @ 2:40 am

Very good site. Thanks for author!

#193 Heather

June 9, 2006 @ 10:25 pm

Hi…I would appreciate anyone who could help me. I am new to this. But I love this script. I'm not sure where to put the "Close.gif" and the "Loading.gif" in my script. I have both images in the same directory as all the other files. Dynamic Drive say to put the following variable inside of the js.file. How on earth do I do that? This is my script so far.

So where would I add the below in the script above? Thanks all..

var loadingImage = 'http://heatherpatterson1.tripod.com/loading.gif'; //path to the "loading animation" image
var closeButton = 'http://heatherpatterson1.tripod.com/close.gif'; //path to the "close" button image

#195 哈哈

June 26, 2006 @ 1:04 am

hello

#197 Great ! Thanx

July 10, 2006 @ 10:07 am

I'm using it for my shop with oscommerce, smashing !!

The (future) shop :

http://www.locace.com/active/catalog/

(By the way I didn't manage to install the Advanced Pop-up Image v1.0, but nevermind the lightbox JS does the job very well)

#199 jirjen?!

July 27, 2006 @ 4:51 am

Hi Lokesh!

Great plug-in, thanks for sharing it! I really like it using it at my weblog jirjen.de.

But -sadly- it doesn't work with my other homepage www.pimpmybride.at
That wordpress-based homepage is using the theme Blue Kino 1.1. Usind other themes it will work, but we spend a lot of time adpating the Blue Kino for our wedding homepage.

Does somebody have a clue?

Thanks so much!

#201 phillip

August 12, 2006 @ 4:22 pm

Love you script! How do you add an email link to a person's name?
Example:

Thanks I appreciate any input…I'm still a newbie.

#203 Matt K.

August 23, 2006 @ 12:56 am

Vey nice script! thanks. Sily Question perhaps–in order to get this working, do I have to actally input rel="lightbox" before each picture to get it to work or is there a way to make it work with all pictures in general? I have a picture gallery with Lazy-K Gallery and would love it to work with those pictures as well.

thanks again. so glad I at least got it to work and it is worth the manual input if that is what needs to be done.

Matt

#205 Kim

August 23, 2006 @ 8:56 am

oops.. i posted in the wrong place, i'll just put this where it belongs >> http://www.huddletogether.com/2006/03/29/lightbox-v20/

#207 Brady

September 2, 2006 @ 10:08 am

got it — my z-indexes were off for some reason. I got the code from another site.

#209 Grant Hood

October 1, 2006 @ 8:43 am

Hi there

I used lightbox on steve-edwards.com/paintwork.php and my client reported it crashing two of his PCs (IE6) on a couple of pages where I'd used a div to fill space and push the following content onto the next line. One of the machines had Yahoo toolbar and one had AOL and I think this was related to the problem. I've fixed it by using a transparent gif to fill the space instead of the div but I've left a copy of the problem version at steve-edwards.com/paintworktest.php. The div that crashed these pcs has the CSS ".blank {width: 100px; height: 75px; float: left; padding:2px 5px 2px 0px;}".

I can't recreate the error on my machine despite installing the Yahoo toolbar (I'm not installing AOL through bitter previous experience) so I only have my client's description of what happened.

Hope this helps with Lightbox development as it's been a great improvement from the method of displaying images I was using before. If you'd like any more information please let me know.

Cheers - Grant, UK

#211 George

October 3, 2006 @ 7:19 am

Great work!

#213 brand

December 6, 2006 @ 5:33 pm

Just made script working… uff…
It's really great, txs.
For those who use Wordpress, and don't know much (or want to avoid hassle) - set up folder 'images' in main folder where Wordpress sits - only if you're experiencing problems with not displaying loading.gif and closelabel.gif properly - easy, but took me 2 hours… :-)
You can see it now in action!
http://empirecast.com

#215 Poggs

December 11, 2006 @ 1:16 am

Thanks so much for this - its a huge help! :)

#217 tristan

December 25, 2006 @ 6:32 pm

Hi really great script! I'm testing it at the moment and it works really well. I have only 1 question; is it also possible to make the details more complex like adding html and for instance a link? Instead of using:

title="hellolink"

#219 Mickey

January 15, 2007 @ 12:28 pm

Hi.

I've been struggling with this for a while.

I want to have the name of my photo to display bold, then a description of it underneath in regular type, how can I create a second line of text?

THANKS

#221 SmashThePain

February 1, 2007 @ 5:59 pm

Hello, scripts is look very good, but in one function code is not very good.
function pause(numberMillis) {
var now = new Date();
var exitTime = now.getTime() + numberMillis;
while (true) {
now = new Date();
if (now.getTime() > exitTime)
return;
}
}

This is my variant.

function pause(sender)
{
var curently = new Date().getTime() + sender;
while (new Date().getTime()

#223 Rini

February 27, 2007 @ 7:09 pm

I LOVE this code. But I was wondering, is there a way to do something like this with sound files too?

#225 rachel

April 18, 2007 @ 2:06 pm

hi, i'm having the conflicting js scripts problem when i use this. basically, to get this to work i have to disable my nav rollovers on the page in the body tag. It seems i can only get this or the rollovers to work, but not have both work on the same page. any ideas? thanks!

you can see here http://www.fuzzyrobot.com/work3.html the first thumb (elvis) works with your script. the top nav now, doesnt.

#227 lemonyem

April 27, 2007 @ 11:21 am

This is awesome! And even more so is that you posted it under user commons. Thanks so much!

#229 oliver

May 10, 2007 @ 8:48 am

thank you for that great ligthbox-script. it's really easy to handle.
nevertheless i've got a little problem using version 1.0 - but please take a look:
http://www.wanderpfa.de/de/index.php?option=com_frontpage&Itemid=1

after pressing of the picture with the eagle…lightbox starts…yeeah ;o)
now look at the scrollbar at the bottom - it enlarge!!! That's my problem…
I'm glad for any information to avoid this bug.
oliver

#231 Gabe

July 28, 2007 @ 3:17 pm

I have searched and searched for an answer to this I don't ask questions lightly, but I need help. I have been trying to put the original Light box on my local server on a site I am working on. (So I can't show it to you) I think my problem is the

It doesn't work at all. The image opens up in a new window.
This is commonly caused by a conflict between JS scripts. Check your body tag and look for an onload attribute. Example:

A quick fix to this problem is to append the initLightbox() to the onload attribute as so:

Problem because when I open the thumnail in IE it shows the image without my page or any effects, but when I do it in FF it works GREAT. What could fix this? I have no idea what anything in that fix means. (I don't want to learn javascript just use lightbox). If anyone could help that would be really great. If you want to see my source code I can show you.

#233 aileen

August 1, 2007 @ 5:26 am

works great in FF, Opera and Safari but in IE the overlay does not span the full height of the page, my css is correct and I dont know what this bug is. My main content div doesnt have a set height, it resizes with the content but my navigation is set to say 600px in height and the overlay only goes to the end of the navigation div, not the contents.

#235 Z

August 7, 2007 @ 10:42 pm

Hello! Great script! :)

But I have the same problem as "aileen" two posts above. In IE it doesnt overlay the full height of the page.

What could be the problem?

Thanx