#2 oneiros

March 27, 2006 @ 3:46 am

/is excited

#4 codecraig

March 27, 2006 @ 6:25 am

Lokesh! thanks much…can't wait for it….well I guess I can…i've been waiting for some time already…but thanks for pulling through!

#6 Rich

March 27, 2006 @ 11:27 am

making whats already great even better!
Lokesh is my hero.

#8 Kevin

March 27, 2006 @ 1:23 pm

woot woot! I will be checking back often, very excited!

#10 Jason Levine

March 27, 2006 @ 3:15 pm

Looking forward to it. I've already used Lightbox on my wife's website for her class, a freelance project I'm working on, and a redesign of a website of mine (using WordPress). I can't wait for 2.0.

Here's hoping that the slideshow feature makes it in. That's the #1 request my wife has given me. She wants to hit "back/forward" links to browse the photos instead of escaping and clicking the next photo. I must admit, I'd like that too. :-)

#12 Sunil

March 28, 2006 @ 1:54 am

the demos are amazing! I was about to install Lightbox JS after discovering your site a couple of days ago. after seeing the demo, i'm going straight to v2.0

#14 James

March 28, 2006 @ 3:14 am

Oh my God…

#16 Emmanuel Okorie

March 28, 2006 @ 5:13 am

Totally gobsmacked….

#18 Kevin

March 28, 2006 @ 9:15 am

Just saw the demos! Amazing work! You set the original bar which other people imitate and improve on, then you come out with this and set the bar even higher! Great work! Cant wait to use it.

#20 Koka

March 28, 2006 @ 11:30 am

lightbox roqs. the demos are great.

#22 Big Dave

March 28, 2006 @ 12:06 pm

WOW, This is awesome! Thanks for setting the bar even higher!

#24 Anonymous Coward

March 28, 2006 @ 1:47 pm

This is *very* exciting. Thanks for all you do and letting us humble script kitties use your brilliant work!!!!

#26 Serge

March 28, 2006 @ 2:07 pm

The preview does not seem to work in Firefox 1.5 for Windows. Has anyone else had this problem? Works fine in IE.

#28 Dan

March 28, 2006 @ 3:01 pm

as Serge said, it too isnt working, in Firefox 2.01a and IE7, IE6. Only one that works is tke keys image rest just load image plain and simple.

#30 AsceticMonk

March 28, 2006 @ 4:28 pm

When I first saw Lightbox, I was truly ecstatic and quickly implemented into my blog, and I thought it is perfect. But when I saw the demo today, I was blown away. Man, it is so cool, so smooth and at the same time intuitive. I am anxiously waiting for its release, and thank you so much for your devotion on this project!

#32 Caius Durling

March 28, 2006 @ 4:55 pm

http://www.huddletogether.com/js/lightbox.js

#34 Renduvall

March 28, 2006 @ 5:53 pm

My apologies, Lokesh. I spoke too soon. The Web Developer bar in Firefox had 'disable Java' (but not JavaScript) and 'disable minimum font size'. One of those must have messed with it, because its now working in Firefox 1.5 for me.
-Sorry.

#36 Kavita

March 28, 2006 @ 8:21 pm

Its cool……. Like the improvements…

Keep it up…

http://www.ajaximpact.com

#38 zOlive

March 29, 2006 @ 12:01 am

Very nice new features… However, maybe you should make the images appear quicker in the slideshow (don't wait for their frame to have finished its resizing… maybe trying to fade-in a ratio-preserved image inside the frame, as soon as it has successfully been loaded).
Kudos and thanks for all your work !

#40 Patric

March 29, 2006 @ 3:49 am

Hey.

This is awsome. I have been looking for a gallery script for some time now, but can't really find anything that meets my needs of intergratability and some other stuff, this does…as long as i don't have too many pic's to show, hehe…It takes some fiddeling to manage many pic's, but once started and having to add a minor number of photos…Well, it rocks. I can't wait for the next verision either…One thought tho…Is it possible to speed it up some, I'm currently on 2Mb hook up and it's kind of "naggy"…

This works in both IE and FF for me, btw. FF ver 1.0.6 is good.

Regards - Patric.

#42 Acha Ladka

March 29, 2006 @ 5:04 am

Oops how cud i forget this …. loads of kisses and hugs to all you girls who ever posted here and made lokesh happy , candies and roses xtra for every girl whos smiling right now .. beers for us .

I mistyped my email lol

#44 codecraig

March 29, 2006 @ 6:37 am

Digg it!

#46 Taka!

March 29, 2006 @ 9:07 am

Thanks Lokesh!
I have been checking back every hour or so in the past couple of days, now I've got it up and running and it works like a charm. Thanks a lot!

#48 NOGG3R5

March 29, 2006 @ 10:52 am

Lokesh, how do you do it? Everytime you pull togethera new version f lightbox its great! V1 was good, the initial updates made it better, and now version two is stunning! its easily the most gorgeous image "thing" in the world yet!

#50 Anonymous

March 29, 2006 @ 11:16 am

Excellent job, thanks much

#52 graywave

March 29, 2006 @ 11:48 am

Very nice. Is this LightShow added to LightBox? Or will LightShow be a different script?

#54 Chuck Reynolds

March 29, 2006 @ 12:38 pm

Man great new features with that image grouping - I had hacked my own together but yours seems "mo betta".

Thanks for the hard work!

rYno

#56 Joram Oudenaarde

March 29, 2006 @ 12:57 pm

It's incredible how something so small can grow out to be one of the biggest hypes and subjects on the web! Really nice work, and an incredible update as well :)

There is only 1 minor thing I'd love to change however;
- The animation is a tad slow for me personally. Is there a way to speed it up a little (and if so, how?).

For some reason, with all that fast internet going on around the world, (at least it feels like it), I like portfolio-/imageanimations to go faster :)

But kudo's for making this miracle!

#58 NM

March 29, 2006 @ 1:31 pm

A couple problems – or actually 3.

1. I get a small box about 20 pixels wide in the bottom right corner of the white “frame” of the picture that is not filled in.
2. The images show up in the bottom left corner instead of being centered.
3. I have tried all of the possible path variations but I can’t get the previous and next images to show up.

#60 maro

March 29, 2006 @ 2:03 pm

hi, i've mede some changes to lightbox. http://maro.kristfest.cz/rocniky/valasske-mezirici-2004/fotky With mod_rewrite it's very powerfull fotogalery.

#62 ivar

March 29, 2006 @ 2:24 pm

Good work!

One problem though. If the image is bigger than the browser window, the overlay won't cover the parts you have to scroll to see.

This was not a problem with lightbox v.1. How can I fix this problem? Appers in all browsers (mac).

Thanks!

Regards,
Ivar

#64 JackO

March 29, 2006 @ 3:02 pm

Hey, great to see the progress! I updated my photo gallery with the script too!

ojacko

#66 ivar

March 29, 2006 @ 3:57 pm

More problems.

- I can't get the "Gets keycode. If 'x' is pressed then it hides the lightbox." to work.
- Have you removed the "click on picture to close" function?

#68 Prashant

March 29, 2006 @ 4:15 pm

I just took a look at the demo, there's only one word I can say, amazing!

Great work!

#70 ivar

March 29, 2006 @ 4:24 pm

#67: My doctype is set (HTML 4.01 Strict), and the code is validated.

#72 Koka

March 29, 2006 @ 4:49 pm

#74 Mauti

March 29, 2006 @ 5:15 pm

Hi,

great work! I really love the look and feel of your script, however I miss some functionality from Lightbox 1.0:

.) Pressing the x key in Safari and Firefox doesn't close the pic again(I guess you forgot that and it is really easy to add)

.) Clicking outside the picture frame doesn't close the pic anymore(also easy to readd I guess)

Although these 2 things are just small ones I really miss them and hope that you readd them. Further isn't it possible to add in addition to the mouseover that shows the next and prev arrows, to ask in Javascript where the mouse actually is so if you click on the arrows there are still blend in on the next one. Right now you have to move outside the pic frame and then the script recognizes the mouse and shows the arrows. I think in terms of usability design this would be an important addition.

Well excellent work, and keep it up!

Greetings from Vienna,

Mauti

#76 Kevin

March 29, 2006 @ 5:57 pm

Here it is incorporated into our site!

Ezell Aviation

Check the latest P-38 update.

#78 Michael McCorry

March 29, 2006 @ 6:49 pm

Fantastic work Lokesh! Love your work.

A few of points of feedback:
1. Prototype.js and scriptaculous.js are very large requirements for projects where bandwidth is an issue. I agree with #41 that Moo.fx is a much smaller (3KB) and equally competent library and works well with their own mini-prototype, Moo.ajax (which is great also). If there was a Moo.fx version of lightbox.js, I would be much more inclined to use it for more projects.

2. The transition animation could stand to be a little faster. That looks easy to alter in the resizeImageContainer function, however, perhaps a variable for animation duration/delay in the config section at the top might be a good idea.

3. While on the subject of configuration, it would be great to be able to specify the position of the caption (top or bottom), as well as the corner for the close button (tl, tr, bl or br).

Thanks, not only for all your hard work, but also for sharing it with all of us.

#80 BillSaysThis

March 29, 2006 @ 7:31 pm

This looks terrific. My question: If I don't want to show any images on a page, such as a list of galleries, but launch from a text link, can you tell me how to do it?

#82 Bart

March 29, 2006 @ 9:07 pm

HI:

Great work! I've run into a problem with IE7 (ver. 7.0.5335.5) however. Whenever loading the page, I always get the same error, "line 627, char3, can't execute code from a feed script". And the lightbox doesn't work. Manually refreshing the page always fixes the problem completely. Any workarounds for this?

Thanks again,
Bart

#84 Alex

March 30, 2006 @ 12:31 am

Great work! Just found original, and this is much better. Keep em coming!

Suggestions for future releases:

Ability to click image or outside image to close image.

Inlcusion of the resize feature seen in Lightbox_Plus.

Otherwise, keep kicking ass!

#86 Ryan

March 30, 2006 @ 3:00 am

I just recently came across your gallery system and I am simply amazed. Its freakin awesome. - Ryan

#88 preben

March 30, 2006 @ 10:23 am

Hello,

I was trying lightbox V 2.0, but i have a little problem.
You can see the result at

http://users.telenet.be/prebenhermans/screen.jpg

can somebody tell me what i've to do, to get the right arrow beside the border?

Thx

#90 Dan

March 30, 2006 @ 11:54 am

Nice work, I've dropped the Lightbox 2 stuff into my Wordpress install with no problems at all. I did find notice that when I ran a speed test against my site, I was getting 404s for the javascript files called from scriptaculous.js. Are there a couple of files missing from the download?

#92 audienceone

March 30, 2006 @ 12:15 pm

Great script! May I give you a pat? *pat*

#94 Dave

March 30, 2006 @ 12:32 pm

Hey!

Great script! And a very nice way of useign jscript…!

"Just" push the site up, looking n1er - whitout making the user with no-jscript unable to use your page! Great!

I hope I can include your script(s) at my new browsergame…

Dave (from Switzerland)

#96 Toadward

March 30, 2006 @ 2:25 pm

really nice work !!!
thank you

#98 Jono | Iconaholic

March 30, 2006 @ 6:27 pm

Brilliant work!
Donation sent :)

#100 Mark L.

March 30, 2006 @ 9:30 pm

Great improvement.

HOWEVER, one of the most important thigs (that is also present in other LB mods) is overlooked: what if the image that is opened is larger (in height, for instance) that the window? overlay no longer cover the buttom part of the screen.

It's a simple fix (re-calculating the page size and redoing the overlay image) and I wish I knew JS to make the chane. Would anyone look at this please?

Thanks :)

#102 Jeremy C.

March 31, 2006 @ 12:27 am

I clicked on Lokesh's donation link, and noticed that only 15 people have donated. Seems to me with so many people using the script and asking for tweaks/fixes/improvements that all the people using this code could at least drop him something for his time and creativity - plus his willingness to share.

I haven't had a project to implement this into yet, but will certainly donate in appreciation when I do.

Nice work, Lokesh.

#104 tripdragon

March 31, 2006 @ 1:22 am

are there plans to dynamicly build image list gallerys with this ???
Like stick the index folder in a folder with lots of images

#106 ecila

March 31, 2006 @ 2:12 am

very hot.

#108 Ethan

March 31, 2006 @ 5:22 am

isn't there a feature to automatically resize large images to fit inside the screen?

-Ethan

#110 Tiggr

March 31, 2006 @ 8:07 am

Hi!

The new version works fine for me at: http://www.colorful-sky.de/workshop/index.php?idcatside=79

Thank you very much!

#112 Johannes Theile

March 31, 2006 @ 8:15 am

Such a great gizmo! How could I have lived without! *gg*
Please continue the great work!

Johannes

#114 DimP

March 31, 2006 @ 10:25 am

Nice work but you've missed a usability problem.

How should an average first-time user know that you can navigate between images in image sets? I discovered the mechanism by pure luck when I hovered the middle right/left of an image. I think it should be more obvious than that.

#116 Kezia P

March 31, 2006 @ 11:32 am

So far I Love the modification

#118 bish

March 31, 2006 @ 1:06 pm

Anyone have the 2.0 zip file around.

2.01's movement/positioning are all borked up.

#120 Colin Cameron

March 31, 2006 @ 1:59 pm

Does anyone else have to put the full url to the images in the lightbox.js? They will only show up if I do.

#122 Juani

March 31, 2006 @ 4:29 pm

When using the script on Firefox 1.5 (WinXP SP2) with the Cache disabled, the image that was previously loaded, load first, and then it displays the right image. In IE6 works fine though…

#124 Paul Payne

March 31, 2006 @ 4:37 pm

Beautiful! It took about 20 minutes to integrate this into ~400 sites here (click on a photo to be taken to a photo album that uses lightbox). I am really excited to start getting some customer feedback.

Anyone know why Firefox puts a dotted line around the half of the photo that was last clicked? I think it is a Firefox feature to show the user which link was last clicked… anyone know how to turn this off (in the script)?

#126 Floria

March 31, 2006 @ 4:53 pm

Hi Preben,
thx for tour reply, I've solve my two problems at all.
I take the new version Lightbox JS 2.01, maybe you can try it.

http://www.huddletogether.com/projects/lightbox2/
v2.01 - Centering in IE6 (any DOCTYPE) fixed.
Smoothed out resize transition.

Good luck!

#128 Ben

March 31, 2006 @ 5:32 pm

Ah no, it wasn't the late fade-in of the black that I meant, it was the sudden appearence of the empty white box.

Great script anyway, I'd have no idea how to start something like that.

#130 paul

March 31, 2006 @ 8:22 pm

I'm using Opera 8 and it seems that the overlay is completely black, as ooposed to being sem-transparrent. It appears to be working ok in FF 1.5 and IE6. Anyone else having this problem?

#132 Anonymous

March 31, 2006 @ 9:16 pm

ok, ill stop spamming here in a sec. I actually need a solution using lightbox when loading my gallery into divs with AJAX.

You can see an example of what I mean here:
http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm

and you can see where I am trying to use it on my site….You will notice it works fine on the main page… but if you click on the 'portfolio' link at the top, which dynamically loads the content into the div, lightbox wont work anymore…. any solutions?

http://www.pauldonnelly.com/portfolio/index.htm

#134 nacho

March 31, 2006 @ 10:27 pm

Nevermind, replacing the first instance of "title" in lightbox.js with "alt" and putting the caption into the alt text restores the caption.

#136 Safirul Alredha

April 1, 2006 @ 12:09 am

If you use loading ID on your other application this will break Lightbox 2 loading spinner. The spinner will fail to hide or disappear when Lighbox is done finish loading the image.

It's either you change Lightbox 2 loading ID's in lightbox.js and lightbox.css to something else that's unique or vise versa.

#138 TotoMat

April 1, 2006 @ 11:05 am

Hi,
got a problem under Mozilla 1.5+ and firefox

#140 Mike

April 1, 2006 @ 11:58 am

Does anyone know how you would center both horizontally and vertically the lightbox DIV within the browser window?

Currently it positions centrally horizontally however it lies just 40px from the top of the window…

Any ideas?

#142 nico

April 1, 2006 @ 12:57 pm

im having the same issue posted in #139

any ideas?

#144 sialivi

April 1, 2006 @ 9:42 pm

#143 Vladimir,

I have the same problem, but calling initLightbox() after the update doesn't seem to help.

#146 Erby

April 2, 2006 @ 12:12 am

your are a god among men, I commend you and your hard work. Your script MAKES my site's gallery, without it, my gallery would be nothing. Can't wait for the caption update.
http://serdmanczyk.homeip.net

#148 Hieu

April 2, 2006 @ 3:51 am

I forgot to mention that test browser is FF 1.5. This does not happen in IE 6.0

#150 Resnumerica

April 2, 2006 @ 5:00 am

thanks !

K

#152 Keith

April 2, 2006 @ 8:59 am

Hi Lokesh, I am very impressed with your development of Lightbox JS 2.0. I notice that there is a bug (minor) while loading the image, under Microsoft Internet Explorer (IE). I used IE 7 Beta 2 Preview, and it might occur under IE 6 as well.

Basically, upon clicking the thumbnail, the background with darken, with the image showing. However, if my page is very long that users need to scroll down, then there I have the "darkened background" isn't fully 100% of the page. You may take a look at an example here http://keith.hostmatrix.org/location.htm and by clicking on one of the maps.

The bug is not existence in Firefox; only in IE.

#154 surfer66

April 2, 2006 @ 11:44 am

I just plugged it into my web page. wow, worked the very first time!
Link: http://infinitegood.net/kite/index.php
Its a small link at the bottom of the page but very cool.
Thanks dude!
Pete

#156 the fly

April 2, 2006 @ 3:31 pm

Hi,
great script. However, background isn’t fully 100% of the page when I try to scroll my page. A little bug: it's impossible for the user to save/download the images: when I try to right click on the image..the option "save image as.." in firefox doesn't appear… :(

best regards from Italy

#158 Vladimir

April 2, 2006 @ 10:03 pm

To 144:

I don't know what to say except to suggest that you carefully check your code to make sure that all links have "rel=lightbox" AND that you run "initLightbox();" (without any parameters) after you change the innerHTML of a div.

It works fine, trust me :)

#160 Jeranon

April 3, 2006 @ 5:44 am

Hey everyone. I have to agree. Amazing script. I've run into some trouble w/ my own use of it (in FF 1.5). If you were to go to: http://jeranon.com/pages/aboutme/ and click on one of the images, you'll find that the text loads to the right of the images and then "snaps" to the center. Has anyone else had this problem? Does anyone have any ideas why it's doing this? Any/all help is appreciated. Feel free to contact me@ jeranon(at)hotmail(dot)com
Thanx all, and Lokesh, thank you for this beautiful script.
Jer

#162 Paul

April 3, 2006 @ 8:05 am

YOU NEED TO SET UP A FORUM!!!!

#164 joseph tate

April 3, 2006 @ 9:06 am

This is beautiful stuff, truly.

Now to the problem: I've gotten it to work successfully on one site, but on another it fails. Could be any number of reasons, but I want to ask point blank and see if there's an answer: yes or no, is it possible to use rel="lightbox" on any link tag? and I mean any as in can you have text only and no thumbnail?

If that question can be answered, just a quick yes or no, I think I can troubleshoot the rest and find the mistake(s) I've made.

And again, THANKS for the work. Once I become un-unemployed, I will be donating. Lots.

#166 NM

April 3, 2006 @ 10:20 am

Got it all working with the new version,

EXCEPT - I still can't get the previous and next images to show:

url(../images/prev.gif)
url(../images/next.gif)

which makes no sense because the background shows up and it's in the same folder, using the same path:
url(../images/blank.gif)

#168 Mike

April 3, 2006 @ 1:32 pm

To Amy #163…

I got a text link to show multiple imags using the following code:

Link Text Here

Hope that helps…

Now can anyone offer any advice for my comments mentioned in #140?

#170 Anonymous

April 3, 2006 @ 1:35 pm

oops sorry the comment actually activated the link; the code I used can be seen here:

http://www.boomspeed.com/mclaren02/link.txt

View source that page to see it, if that activates the code too ;)

#172 Johno

April 3, 2006 @ 1:44 pm

Brilliant, brilliant, brilliant!
2 minutes to setup, and works across browsers; and looks fantastic. I'll be donating towards this script.
Great work and thank you!

#174 Grady

April 3, 2006 @ 3:41 pm

Thanks poster #171 :o) … I shortly found that myself.

#176 Buzz

April 3, 2006 @ 3:50 pm

Fantastic script !
I'm having a problem with version 2.01 though.
I got version 2.0 working no problem, and then replaced lightbox.js with the new 2.01 version, and it works ok in IE6, but now goes wonky in Firefox 1.5.

I also tried replacing the scriptalicious.js and protoype.js files with the new onces, but it's still crazy in Firefox.
File paths are all fine as far as I can see.
Do I have to change anything else ?
Any ideas ?
Buzz

#178 Rizky

April 3, 2006 @ 6:32 pm

yaiksss! it hasn't been a month since i used the first version. and now there's the second one. awesome…

#180 Sean K

April 3, 2006 @ 8:01 pm

I've figured out a way to adapt the changes I made to allow Lightbox to work with iFrames to work with Lightbox 2.0. I'll try to make the changes here more clear.

Insert the script calls into the header of the PARENT html file as you normally would.

:

The following changes are made to the IFRAME contents HTML:

You will not be adding the REL=Lightbox tags to your HREF's, instead do the following…

In the Iframe HTML, change the href of your link to javascript:Void(0) and add an onclick call to a function updateme(this).
Your link should look like this:
click here for a larger image

NOTE: The onclick event points to a script located in the parent document, that's why it references "window.parent."

Also create a form with a hidden form field with a value = to what the href of your link originally was. It should look like this:

This form is important, it's going to hold the value that we will pass to lightbox to open the image.

The following steps occur in the PARENT HTML document.
In the parent file create 2 functions that does the following.

Function cloneObject(what) {
for (i in what) {
this(i) = What(i);

}
}
Create the function for your onclick event in your link…
Function updateme(obj) {
var newobj = new cloneObject(obj);
var iframe = window.frames['collectionContent']; this has to be the name of your iframe.
var iframedoc = iframe.document;
var iframeForm = var iframeForm = window.frames['collectionContent'].document.TheForm; this has to be the name of your frame and your form.
var hrefvalue = iframeForm.hiddenfield.value; this has to be the name of your hidden field.

newObj.href = hrefValue
myLightbox.start(newobj);
}

Basically this function clones the values from the original link into a new value and sets the HREF value to the value stored in your hidden form, which should be the path to the image you want displayed. It then passes the cloned link to the lightbox script .

In order to get this to work with the cloned link value, you have to modify the lightbox.js script.

In the Start Function section of the script you'll need to remove the following lines:

if (!document.getElementsByTagName){ return; }
var anchors = document.getElementsByTagName('a');

// if image is NOT part of a set..
if((imageLink.getAttribute('rel') == 'lightbox')){
// add single image to imageArray
imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title')));
} else {
// if image is part of a set..

// loop through anchors, find other images in set, and add them to imageArray
for (var i=0; i

#182 los

April 3, 2006 @ 8:09 pm

Has anyone tried to incorporate this image zoom in with lightbox?
http://valid.tjp.hu/zoom/index_en.html

I've been trying, but I'm not so good with javascript.

#184 dleifm

April 4, 2006 @ 12:10 am

Howdy!

Thanks so much for this sexy code! If you'd like to see my version, check it out here:

http://www.paulnicklen.com/new/Galleries/p_bears.html

That's the only gallery that I've got up so far, but many others will soon follow.

If I had any money, you'd have some of it.

#186 Walter

April 4, 2006 @ 4:22 am

Hi,

great piece of software!
But there seem to be problems with the calculated height (tested with Firefox 1.5 and Safari 2). The "imageContainer" laps over the "imageDataContainer" so you can't klick on the close link (or just on the lower part of it). The higher the image (ie 1000 px), the higher the miscalculation.

Thanks!

#188 Jono | Iconaholic

April 4, 2006 @ 4:50 am

Thanks for the update, but there now seems t be a bug :(

When hovering over the close button/label I have to hover lower than the close button (almost on the bottom edge of the border) rather than the button itself to be able to close the preview. On larger images I can't close the preview at all.

Tested in Safari, Camino & Firefox (Mac) & the problem arises on all of them.

Hopefully this can be fixed :)

#190 Anonymous

April 4, 2006 @ 5:53 am

From comments (#68 Ben Schwarz), (#177 Tony )in the v1 thread, and (#140 Mike) and (#153 Lewis) in this thread…

Has anyone worked out how to position the lightbox DIV "absolutely" vertically within the browser window - even when the window is resized? It currently positions horizontally but not vertically….

Thanks and may I reitterate what a wonderful script this is!

#194 Jono | Iconaholic

April 4, 2006 @ 8:42 am

Great, thanks for fixing it so quickly :)

#196 Jonny Rocket

April 4, 2006 @ 10:19 am

Just gave 2.02 a try and it's exactly what i've been looking for. Now if only I could get the rest of my site to look as nice…

#198 Spook

April 4, 2006 @ 4:38 pm

Wow. Love it.
You are the best.

#200 Talguy

April 4, 2006 @ 7:20 pm

Can some one tell me why lightbox will not load the loading.gif and close.gif. I uploaded a couple of pictures to the web page that has the same problems as the pages running on my testing server. Can somebody look at my site and the code and tell me why these 2 things do not load up.

http://www.freewebs.net/gobock/gallery.html

#202 Paul

April 4, 2006 @ 9:31 pm

#143 Vladimir
April 1, 2006 @ 5:43 pm
to #132: after you change the innerHTML of a div, run initLightbox()
———————————————————-

THANK YOU! That totally fixed it. I'm kinda new to JS so I couldn't figure it out myself.

Thanks again.

#204 alan

April 5, 2006 @ 3:18 am

I was wondering, would this script be able to display a Flash file (swf) in a similar manner?

#206 Thomas Mraz

April 5, 2006 @ 5:37 am

hi,
that is really great work! i installed lightbox2 within twenty minutes and it´s perfectly working!!!

THANK YOU FROM VIENNA/AUSTRIA!

#208 Olivier Ramonat

April 5, 2006 @ 11:32 am

Hi,

I have develop slidebox based on lightbox v0.1 to have a slideshow
support based on XML files. You might be interested to see how I have
resolved the problem that occurs when user clicks before the page has
loaded.

Moreover, with the XML solution you can add images to your slideshow without
displaying these images on the page. You just have to add a link into the
XML file.

http://olivier.ramonat.free.fr/slidebox (this website can be extremely slow)

#210 steve-0

April 5, 2006 @ 11:53 am

err….my html was omitted from the post above:

Also, if i use the

js/scriptaculous.js?load=effects

tag in my page, Sortable won’t work, because if I’m not mistaken Sortable is in a different file than effects. Is there a way around having to declare the same file twice?….or can i just use:

js/scriptaculous.js

which would reference all the scriptaculous libraries.

#212 Hans

April 5, 2006 @ 1:46 pm

Really beautiful and perfect for my little phot gallery.

Thank you very much for doing this. Great respect for people that make these incredible beatiful stuff without asking money for it.

a donation will be comming your way as soon as my site goes online just because you deserve it :P .

Thanks to you ones again

Greets Hans

#214 Creighton

April 6, 2006 @ 1:36 am

Hi,
This is a pretty remarkable script! I'm wondering why some people are able to get it up and running no problem, and who others seem to have similar problems? I have two myself:

1. Although it has been brought up a number of times, I can't seem to get the overlay to come down over the image. I've tried to post

body{ margin: 0; padding: 0; }

in the body tag of my stylesheet, but then it seems to affect the entire page. Where exactly is this supposed to go? I am currently using a template CSS that has been validated, so I don't want to mess things up. It's not supposed to go in the lightbox.css is it? It would be much appreciated if someone who had success fixing this problem could go into a bit of detail for the rest of us.

2. Other than that it works very nicely in firefox, but in IE it doesn't load the overlay at all, and creates a large area for the image to center itself in. The area is much larger than in firefox, and requires the user to scroll down and right to click the close box. Any ideas how to fix this? the example can be found at

#216 Roel Krottje

April 6, 2006 @ 4:18 am

FIXED THE 'dotted lines' PROBLEM:

When you click in FF (and in some older versions of IE as well) you see a dotted line after you click the NEXT or PREVIOS area. Here's how to fix it:

For NEXT:
Search for this peace of text in lightbox.js:

var objNextLink = document.createElement("a");
objNextLink.setAttribute('id','nextLink');
objNextLink.setAttribute('href','#');
objHoverNav.appendChild(objNextLink);

Put this after the third line (just above the last line):
objNextLink.setAttribute('onFocus','if(this.blur)this.blur()');

That's it. Do the same thing for objPrevLink:
objPrevLink.setAttribute('onFocus','if(this.blur)this.blur()');

Hope this helps you guys out !

Regards,
Roel Krottje

#218 RatSon

April 6, 2006 @ 4:58 am

Hi do you plan to switch to prototype v1.5.0_rc0 (removed Array.shift() function would cause problems when it would just replaced)

RS

#220 Allie

April 6, 2006 @ 6:29 am

Hello :)

Great work, but I've noticed 2 things:

1) I try to validate the CSS, but there are some errors.
2) Like Tim #219 I noticed that Opera do not support the bg opacity, so the screen becomes black.

Allie

#222 Bradley Spitzer

April 6, 2006 @ 11:12 am

Hey, I just have to say that I LOVE Lightbox and that it has worked beautifully on my portfolio site.

http://www.bradleyspitzer.com

#224 marc

April 6, 2006 @ 12:34 pm

great, awesome! thanks!

#226 Tim

April 6, 2006 @ 3:46 pm

Awesome stuff! Is there anyway you can configure it to automatically scroll through all the images if it is part of an image set - like show each for 2 seconds and move on? That would be really neat….

#228 Will

April 6, 2006 @ 7:51 pm

I just updated to v2.02, its very nice thank you very much! you are amazing ;)

Will
www.willstumpf.com

#230 zwicky

April 7, 2006 @ 12:54 am

#223

Replace the following HTML tag in your page:

with

#232 Onizuka

April 7, 2006 @ 6:01 am

i'm testing the lightbox V2.0 for my crew website (http://www.mangajima.com). it's really great but no resize for the pictures who are too big for the frame or IE/Firefox window. Is it possible to set this possibility? (like lightbox plus if my memories are good) (sorry for my bad english)

#234 Simondo

April 7, 2006 @ 8:19 am

#230

Could you please either email that

#236 Phil

April 7, 2006 @ 9:23 am

Someone did a great mod of Lightbox 1.0 to work with flash -

Can someone do it? I am no JS coder!

you normally call lighbox by adding rel="lightbox" in html, but it doesn't work with flash - so the flash mod let you call it like this:

"javascript:lightbox("http://url.to/image.jpg","This is my caption!";);

And it would work lovely as long you put the JS in the flash's HTML file!

Please someone have a go! I've had a look and it's different to 1.0

(great coding job btw!!)

#238 bippym

April 7, 2006 @ 11:42 am

great script, i want to call it from flash too tho, the old version does it right?

#240 Anonymous

April 7, 2006 @ 2:18 pm

Simondo and Kinetic Mix,

The most likely cause of the behavior you are both seeing is that your lightbox.css file isn't in the right path. Make sure that you have the lightbox.css in the expected path that you have listed in the HEAD section of your HTML. To test you can try moving the .css file into the same location as your HTML page and not specifying a path. (You still need to declare the lightbox.css though).

I'd describe better, but the blog really doesn't like HTML code, which makes it difficult.

Sean

#242 Michael

April 7, 2006 @ 7:53 pm

Great job on version 2. I have 2 small issues with it though:

First, the next and previous buttons are cool, but may not be obvious enough for the less "computer literate" people who use my page. I've made a small change to the script which adds more obvious links. You can see an example here: http://www.palintest.com/products/multiphot/7500 - I hope you would consider including this change in the next version.

Secondly, the loading image appears to be stretched when displayed in IE- any idea why this could be?

#244 Adding links to captions

April 8, 2006 @ 5:41 am

I noticed that some of you wanted to know how they could add links to captions.

This is how I've done it and it works :
Visit site'>details

in other words add a Visit site'—–>to the a tag.
this is the link where you can check it out
http://www.awholeuniverse.com/portfolio.php

BTW did anybody succeed in validating the lightbox.css file?

#246 ryon

April 8, 2006 @ 8:09 pm

i love this.

#248 Micheal

April 8, 2006 @ 10:27 pm

is there any details on how you implemented the next and previous image to the script? nicely done btw.

#252 Los

April 9, 2006 @ 2:55 am

Is there a way to attach mouse events to the image container div?

#254 Matt

April 9, 2006 @ 9:29 am

Hallo!
This lightbox JS v2.0 image view is the best I have tried. but i have some problems, my homepage is using ifram so when i run the script the image opens in the ifram but i want it to open on the whole page, how do it do that?
please help me!

#256 Rom S

April 9, 2006 @ 5:48 pm

Just finishing up the code from the last comment:

if ((orig.w >= targ.w || orig.h >= targ.h) && orig.h && orig.w)
ratio = ((targ.w / orig.w)

#258 Revanta

April 9, 2006 @ 6:28 pm

Could anyone tell me if there's a way to change the color of the text for the "title" of the images? I can't figure out what CSS property to modify.

I've tried creating a class for the img and putting a text-color attribute to it, but that hasn't worked for me.

Would appreciate some advice.
Thanks!

#260 Quola

April 10, 2006 @ 1:18 am

This is a little unoriginal but… this script really is amazing. Total AWSOMENESS. Thanks so much for sharing it! I was wondering if anyone could help me? Flash seems to come in front of the lightbox. I'm an amteur and kinda clueless about what to do. I'd really appreciate it.

#262 Quola

April 10, 2006 @ 1:32 am

Wow, nervermind, I found out how to solve my problem, but it would be nice itf it would work in Firefox as well. Oh well. Thanks again for this fantastic script.

#264 Kirk

April 10, 2006 @ 2:09 am

Just started using v2 and the changes are superb. I've noticed the script runs noticely slower in Firefox compared to IE6 but I expect that's due to the extensions installed or perhaps firefox needs to be restarted. Just wondering if anyone else has noticed any slowdowns (mainly in the fading in/out).

Thanks for the awesome script.

#266 matic

April 10, 2006 @ 5:10 am

I also have the 'loading.gif' spinner image stretched issue in IE6. Can't seem to pinpoint why. Any ideas?

#268 EgOiStE

April 10, 2006 @ 11:24 am

Love the lightbox. Tried using 2.0 with the Lush theme but I think the Body load command is making it not work, even after including your modification to the body tag. Just an FYI for anyone else out there reading the comments.

#270 Olle

April 10, 2006 @ 4:20 pm

Hallo!

I have some problems, my homepage is using ifram so when i run the script the image opens in the ifram but i want it to open on the whole page, how do it do that?
and how do i do to automatic reseiz the images to fit the window?

#272 rul

April 10, 2006 @ 5:22 pm

Hi!
congrats for lightbox 2.0 it's cool!!

I've set up it in my blog and i have a little problem, the problem is with youtube embed player (a flash player), when zoom a image the player is in the top, hiding part of the image.

I've tried the solutions i've found in this and other sites, with no luck.
Any idea??

Thanks

#274 Revanta

April 10, 2006 @ 11:14 pm

Does anyone know how to make aa quicktime video work inside the light box? I have the lightbox open an simple html page with an embedded quicktime video but all I get is the Q icon with a "?" in front of it. I've checked and I'm sure that the path to the video is correct.

Here's the code i'm using in the html page:

Would really appreciate some help.
Thanks.

#276 Anonymous

April 11, 2006 @ 2:15 am

is there somethin wrong with the page maby?
my downloads wount start and yeasterday the whole site was offline..
atleast i think so, im behing a shitty-freggin-admin-cant-configure-his-network-properly school proxy, just tell me the webpage is fine and ill go teach him some things

#278 Braindread

April 11, 2006 @ 3:50 am

Could some one possibly try to up the lightbox2 zip file on yousendit.com or any other website, so i could try to download it..Im making a school projekt and would really need it

iv been surfing google for a while now and all the links seem to go to the original page, wich i cant seem to get to work

#280 shortly

April 11, 2006 @ 8:52 am

ok. scratch that.
#263 was right… i ended up putting in an absolute path to the images and it worked fine. for Talguy #200 i suggest you try the same. the confusing part was that the CSS references the prev/next graphics relatively and works (because CSS is linked?) but the JS places the code in at the directory level the page loads at (at least that's how i'm thinking about it) and therefore doesn't work with a relative path.

eeeek.

thanks again.

oh. the clicking outside lightbox only works above and below to return to page - not on the sides. is this how it should be working?

#282 Neil

April 11, 2006 @ 1:04 pm

So impressed with the original I switched all my photos to this within 48hrs!
In V2+ How can I change the location of the next / prev indicators ?
I wanted to put them at the foot of the image preferably in the caption area so the picture is clutter free.
Many thanks

#284 Zach

April 11, 2006 @ 1:22 pm

Hi all, first wanted to say what a great script! Having a little issue with it though. I'm trying to incorporate it with a random image script I have and have gotten the popup to work, but can't get the title to work. On my site, http://xhtml.shotland.com/portfolio/ on the right sidebar where my featured sites are located if you click on the image lightbox will open up, but not put the title of the page there. The script I'm using is: http://xhtml.shotland.com/js/projects1.js. I've tried various ways to get the title to work, but haven't had success. Does anyone have any ideas? I'd greatly appreciate any help. Thanks

#286 Prophet

April 11, 2006 @ 4:48 pm

Having a bit of trouble getting the Prev / Next buttons to display.
I'm running IE6 with Dean Edwards' IE7 JS Patch, so I can use "position: fixed;" on other elements of the page (not LB).
The prev/next links are functional when clicked, but they do not display. It works in FireFox, so I know my JS and CSS are right…but not IE6.
Any suggestions?

#288 jasperguy

April 11, 2006 @ 8:34 pm

#280 - I guess you got it to work, great. Just a note if your js file and your css files are in different folders, and you use a relative url, you should remember to use this "../" (dot dot fwd_slash)to call it to the main root of your web files. So something like this: "../js/lightbox.js" or for the images "../images/next.gif" . Correct me if I am wrong, if you use an ablsolute url, you might run into the trouble of the quotes in the js scripts. Like the caption area when you need to put a link.

Thanks for updating the next / prev issue on the support page! The "[imageset]" is genuis, so simple to add.

Would like to attack the same issue as #282 now.

#290 Roel Krotte

April 12, 2006 @ 3:53 am

Arrow Keys functionality in IE and FF.
———————————
For those who'd like to add ARROW KEY functionality (left / right) for navigation purpose, here's how to do it:

In Lightbox.js, search for the keyboardAction function:
————————————————-

keyboardAction: function(e) {
if (e == null) { // ie
keycode = event.keyCode;
} else { // mozilla
keycode = e.which;
}
key = String.fromCharCode(keycode).toLowerCase();
if((key == 'x') || (key == 'o') || (key == 'c')){ // close lightbox
myLightbox.end();
} else if(key == 'p'){ // display previous image
if(activeImage != 0){
myLightbox.disableKeyboardNav();
myLightbox.changeImage(activeImage - 1);}
} else if(key == 'n'){ // display next image
if(activeImage != (imageArray.length - 1)){
myLightbox.disableKeyboardNav();
myLightbox.changeImage(activeImage + 1);
}
}
},

Change the above function to this one:
———————————-

keyboardAction: function(e) {
var keyCode =
document.layers ? e.which :
document.all ? event.keyCode :
document.getElementById ? e.keyCode : 0;
key = String.fromCharCode(keyCode).toLowerCase();
if((key == 'x') || (key == 'o') || (key == 'c')){
myLightbox.end();
} else if(key == 'p' || keyCode == 37){
if(activeImage != 0){
myLightbox.disableKeyboardNav();
myLightbox.changeImage(activeImage - 1);
}
} else if(key == 'n' || keyCode == 39){
if(activeImage != (imageArray.length - 1)){
myLightbox.disableKeyboardNav();
myLightbox.changeImage(activeImage + 1);
}
}
},

Now you've got full ARROW key functionality in both IE and FF.
Good luck !
Roel.

#292 Michel Bozgounov

April 12, 2006 @ 8:41 am

Great piece of software! One of the best "Pure XHTML/CSS/JS galleries" I have ever seen! Thank you! I am eager to try on my own website www.lelion.info one of these days, when I finally will have some time to design for MYSELF ;-)

Thank you again!

I see btw, PNG is not working in IE 6 (as expected;-), would be nice when IE 7 will appear (final version), I think:)))

Good luck! And thanks again!

Michel

#294 Jasperguy

April 12, 2006 @ 11:03 am

#290 Roel, great post to quickly plug and play, just tried it and it works 100%

#293 same with neil, would like the feature of next and previous in the caption area, so that it is visible for the less "web savvy" visitors.

Thanks

#296 Neil

April 12, 2006 @ 4:51 pm

#255 Rom S
Seems to have got what I was after (#282) sorted.
Will he share the secret?
#295 turk
thanks got the js ok

#298 derek pennycuff

April 12, 2006 @ 7:29 pm

i'm using lightbox2 for my wife's photography site. i'm gonna try to mine some extra controls for it from meyer's S5 to put additional keyboard functionality into the navigation. i'll send you anything i produce that proves to be useful.

#300 Aryana

April 13, 2006 @ 2:47 am

This is really nice! I think I'll use it for my portfolio. I love how it's so easy to implement and customise :)

#302 Nick Toye

April 13, 2006 @ 5:58 am

Is it possible to have the close button a rollover button?

Can I have the back and next buttons more obvious and not hidden in the picture, I would like to have them alongside the close button.

#304 Justin

April 13, 2006 @ 9:00 am

Same problem as a few others. Close button and loading don't work. I have the paths as "images/loading.gif" and "images/closelabel.gif" but still nothing.

http://justin.ani-6.com/

thanks if you can help!

#306 AK

April 13, 2006 @ 10:44 am

Thanks much. Can I use it on my site, any licensing needed?

#308 Nick Toye

April 13, 2006 @ 12:27 pm

#305 - Cheers Paresh,

Can we add a caption to the set rather than just the title when we use grouped images?

#310 Eddie

April 13, 2006 @ 3:44 pm

@ Paresh #305, or anyone who's tried. I've tried to add the next and prev buttons, but to stay constant iin an image set, but am only having luck with the prev button. I still have to hover for the next button. CSS is right on. Any advice?

#312 Sandeep Singh Kunwar

April 13, 2006 @ 5:47 pm

Funtastik Stuff!! Must Appriciate ur work.

but missing badly a essential feature !!
If some one wants to just sit & enjoy ur creation, their is no way, we have to use keyboard or mouse.
I wish it works as a slideshow :-D, switching images itself.
Just sitting and enjoying is the stuff we used to like ;-D

Thanks a lot!!
Waiting for positive response.

#314 Scot

April 13, 2006 @ 7:40 pm

#305 … it's actually even easier than that …. remove the :hover and the prev next will become perm. I've been using it successfully with ie6/ie7 and firefox with my blog since the initial 2.0.

#316 Digit Neave Sony Mazda

April 14, 2006 @ 7:52 am

Holy smokes! It's SWEET! I'm making the site www.digitnsm.com (should be online by July) and I used this for pictures. My brother's eyes went YOINK and he's like WOAH WHERE'D YOU GET THAT! Thanks so much Lokar

#318 Michelle

April 14, 2006 @ 10:27 am

Wonderfull script. ^_^ Very much worth the effort it's been to integrate it into my site. Thank you so much for sharing.

#320 Andrea

April 14, 2006 @ 1:58 pm

Version 2.02 doesn't work properly in Firefox 1.5.0.1 on a Mac under OS X Tiger. Whenever I click on the example gallery thumbnail images, it throws the larger images into a new page instead of overlaying the current page with the larger image. The older version of lightbox (version 1) works properly in the same browser.

I tried lightbox 2.02 in Safari on the mac and it worked great. And it worked fine in Firefox on the PC. But I need it to work in Firefox on the mac too.

#322 Tracey

April 14, 2006 @ 8:23 pm

FWIW: This is really not an ad, just something that may appeal to others- JAlbum (http://www.JAlbum.net) is a rather superb freeware product (any OS-it's Java based) to make web albums of digital photos. It offers over 100 (also free) "skins" to create completely different image albums. The main point here is, the "ShowLite" skin (sample at http://www.taskmine.com/JAlbum/ShowLite/) makes use of Lightbox to "easily" produce photo albums of any size . A new version using Lightbox 2.02 should be out next week.

#324 Son!

April 14, 2006 @ 11:49 pm

Skiping Pictures…when clicking on Next

I would like to know if anyone else has this problem and how to solve it, for exemple, I had 10 pictures on a site, and once i clicked the next button, it will go from the 1st the 3rd, 5th, 7th, and 9th picture skiping one in between! is there any way to resolve or finding what's causing this?

I just love this script,

#326 Glenn

April 15, 2006 @ 1:15 pm

Lokesh, excellent work. I just started using ver 2 and am very impressed.

I trolled the comments but only saw 1 reference to my issue - is there anyway to do different text styles within the captions? Such as bold, italics, etc.? Thanks for the great work.

- Glenn

#328 Pixie - Incorporate Into eBay?

April 15, 2006 @ 11:17 pm

Hi Guys.. Anyone Know how to get this to work with ebay?

Ebay does not allow some javascript commands. i get this error / warning when I create the listing.

Your listing cannot contain javascript (".cookie", "cookie(", "replace(", IFRAME, META, or includes), cookies or base href.

Any help is appreciated.. My AIM Nick is MagicPixels2004.
Any Help is appreciated.

#330 Jon

April 16, 2006 @ 8:55 am

i'm trying to get the lightbox to go to the top of the page, with no margin-top. the css specifies position:absolute and top: 0px, but it still has about 50px or so above it. anyone have any ideas? thanks!

#332 Koka

April 16, 2006 @ 4:30 pm

@lokesh:
a question: why are there two image files:
close.gif AND closelabel.gif
?

#334 Talguy

April 16, 2006 @ 6:00 pm

#263 thansk alot I know you posted that a while ago but I haven't been on a lot. That was a stupid error and after I changed the path it worked fine, Thanks again.

#336 TheHYPO

April 16, 2006 @ 9:20 pm

D'oh. I feel like a jerk but I 'solved' the close-image issue too (I didn't do anything, it's just working all of a sudden - I think it might have been cache-related or something.

So now I'm down to the '&' issue

#338 Andrea

April 17, 2006 @ 11:27 am

Version 2.02 now works just find in Firefox 1.5.0.2 on a Mac under OS X Tiger. I upgraded FF today from 1.5.0.1 to 1.5.0.2 and now all is well with the latest lightbox.

#340 nonagon

April 17, 2006 @ 12:33 pm

Check out this image gallery which uses Lightbox 2.02. Thanks Lokesh; it works perfectly!

http://www.washingtonocg.org/towson2006/gallery.htm

#342 Garrett

April 17, 2006 @ 1:31 pm

I should have originally posted the site to show the issue Im trying to describe… its www.geocities.com/garrett_burnell/engpics.html . Sorry

#344 celia chen

April 17, 2006 @ 7:13 pm

can this be used in MSN blog?
i tried on mine, but from the header part,i failed.
please reply me with a email, and i will be very appriciated thanks a lot

#346 Li-An

April 18, 2006 @ 4:27 am

Hello, it's a great work but I've got a similar problem than Rene. I use the Dotclear plugin (see #317) and Lightbox blocks my phpMyvistes http://www.phpmyvisites.net/index.php?part=accueil&lg=en javascript code (when I delete the Lightbox code lines, phpMyvistes works again). Somebody to help me ?

Another strange problem: as I'm french, I changed the "n" shortcut for "next" with "s" for "suivant" (next in french) but it does not work (I changed "c" for "close" with "f" for "fermer" and I have no problem with this).

#348 St3phan

April 18, 2006 @ 9:39 am

Is it possible to make the navigation always visible? If possible, could anyone point me in the right direction on how to do this?

#350 Fabrizio Calderan

April 18, 2006 @ 12:48 pm

Why not create also a light/packed/compressed version of javascript code?

I think you could reduce it until 50/60 Kb and maybe less. By the way this is a very nice script… great!

Fab

#352 Paul

April 18, 2006 @ 3:39 pm

#349 charlie-imac:

Refer to #143, thanks to Vladimir.

#143 Vladimir
April 1, 2006 @ 5:43 pm
to #132: after you change the innerHTML of a div, run initLightbox()

I think that you are having the same problem I was having… hope it helps.

#354 Big Al

April 18, 2006 @ 4:25 pm

Brilliant. sorry about the "image" link above. Lokesh provides a way to add a link in the caption: http://www.huddletogether.com/projects/lightbox2/

I just want a line break (I did try & # 6 0 ; etc., but that didn't seem to work).

#356 Christian

April 18, 2006 @ 5:24 pm

Great app, but the closelabel and loading images doesn't show up on every page because of the relative image adress used by lightbox. Which of course is plain stupid! Coders, what were you thinking?! We all have blogs nowadays with individual pages, front pages, archives etc all with different folder-structures. Then relative paths does NOT WORK!

Please fix this!

#358 Isaias Loaiza

April 18, 2006 @ 11:33 pm

Hi man!!!, fisrt of all i want to say congratulation for your script, its fantastic… really

i am using it in my blog (www.isaiasloaiza.com) and i am trying to custumize on thing…

in an 'image set' is there a way to change the text "Image 2 of 2" for "Imagen 2 de 2'

I want to put it in spanish because my blog is in spanish…

Can you help me? in what page or code do i need to enter?

THANKS FOR YOUR HELP!!!!

#360 Garrett

April 19, 2006 @ 3:06 am

Geocities issue:
I've looked all around (the code and the net) and cant find a solution to why LightBox wont work on my Geocities site. Sorry to post this again (its the last time I will bring it up), but can anyone tell me what might be the problem. here is the page with the issue

www.geocities.com/garrett_burnell/engpics.html

Thanks for any help

#362 Koka

April 19, 2006 @ 6:46 am

… in the
rel="lightbox[roadtrip]"
attribute

#364 m0n

April 19, 2006 @ 12:55 pm

everything is working fine for me except no captions for titles are showing.
any ideas?

#366 iLYA

April 20, 2006 @ 10:20 am

function getPageSize() in IE|Win|6 appear to report the width correctly only if the margins of the page body are set to 0. It's noticeable, when the overlay has different color than the page background, so in order to add some space to page contents, one has to add a wrapper div to apply the desired margins to it. Not a biggie, excellent work otherwise!

#368 Los

April 20, 2006 @ 12:32 pm

Wow, you seriously need forums! :D

#370 Dustin

April 20, 2006 @ 1:33 pm

Is it possible to have the 'next' and 'previous' buttons shown at all times? Or is there an easy way for me to move them to the bottom of the image window?

Our company looked into using your script on a few sites, but found that without this modification, it would be better to pass(for now)…

Thanks, and great work!

#372 Eduo

April 20, 2006 @ 5:13 pm

(Wow, whatever broke the format for the comments makes clicking in the "name" field try to load a JPG. Ugly. Maybe closing the tag (… …)

Now, my comments.

First of all, Lightbox is fantastic and I secretly thank for it having only a single uppercase letter, I can imagine you forcing yourself not to do the trendy LightBox thingy :)

Now, I had entered to ask about how to reload lightbox when divs are added through XHR, but that's been answered already. I also wanted to ask about links working as images do for images, but that's been done as well (and it works, I tried, stupid me).

Something I haven't been able to make work is using empty links to show other images in the slideshow without having to show visible links but I haven't been able to.

Dustin: The comments already mention the obvious way to do part of what you want. Just check the hover section of the CSS, as the arrows are affected by it.

#374 Justin

April 20, 2006 @ 8:52 pm

I posted before as #304, and I still haven't quite figured it out. My problem has to do with the Loading and Close GIF images. I did follow the advice given by #288, but it has not worked. It seems to me that the close button GIF is located too far up?

Any help is appreciated. You can see it running on my site at http://www.designdraft.net/?page_id=31 . Thanks a lot.

#376 Kev Charlton

April 21, 2006 @ 6:16 am

I'm having a problem displaying gifs in the gallery. In IE when the gif loops it refreshes the caption animation at the bottom, and often crashes. Is there a way round this or can i just use static imagery?

http://resource.mediabuzzmail.co.uk/themediabuzz_new/portfolio.html

(check the one with the gorilla on)

#378 Kristine

April 21, 2006 @ 7:20 am

Oops,

no code.

I try another way:

@#367:
You have write:
Link to pic1 - thumb1 - end link
link to pic2 - end link
link to pic3 - end link

So will only see thumb1, but the gallery will show all pictures.

#380 Chris R.

April 21, 2006 @ 10:30 am

I can't get the opacity of the background to change, is it necessary to change other values next to the three opacity rules in the #overlay declaration in the CSS?

#382 Magnus

April 21, 2006 @ 10:29 pm

thanks lokesh, wonderful script. will be using it on a new site i'm working on, http://www.re-treat.org and will make a donation when i have some spare cash

#384 df

April 22, 2006 @ 5:59 pm

dfg

#386 Vinoo Samuel

April 22, 2006 @ 11:08 pm

Lightbox rocks. Just installed it on my website showcasing my one month road trip to the Himalayas, and you can't imagine what a brilliant difference it has made to the site's look and feel. Thanks Lokesh. I have credited you on the home page too.

http://blog.vinoosamuel.com/himalayas/

#388 Brent Vermilyea

April 23, 2006 @ 3:49 am

The lightbox script is awesome! Thank you very much! When I setup my own online gallery I'll be making some donations. Feel free to check out my photoblog that uses your script at http://adistortedperspective.blogspot.com/

Cheers!

#390 Kieran

April 23, 2006 @ 12:56 pm

Hey guys!

So far i've modified lightbox to run on demand, and i've also got it working correctly when my divs are reloaded within the page - except the image doesn't show up!

check this out - http://www.picturegrid.net/index.php

you can see it must be loading the image because it resizes…. but then it doesn't show it!

#392 John Fielden

April 23, 2006 @ 5:08 pm

#383 Tom

Your lightbox.css is jacked up. You're missing the majority of the file. Download it again and install over yours.

#394 SoulCreeper

April 24, 2006 @ 10:23 am

i just implemented that lightbox objects to a webpage, but it doesnt seem to work properly. in fact, it's not working at all :S
can someone please take a look at it, because it's really driving me mad just because i cant find the problem. \
i guess it's just the most simple problem ever, but i'm just overlooking it. i dont know …
here's the webpage:
http://www.goudenkust.nl/nl/mj_inh_algemeen.htm

#396 Erik

April 24, 2006 @ 1:52 pm

Is there something inherent about tiff's that would prevent them from working properly with Lightbox? I'm investigating using this as a means to display tiffs for a lab notebook webapp I want to put together. When I tried doing this with XP and IE6 it just continually spins the progress indicator.

#398 smac

April 24, 2006 @ 7:38 pm

Great script! I love it.
I did have a conflict however. I'm also using the xfade image crossfader script by Kevin Smith (http://slayeroffice.com/code/imageCrossFade/xfade2.html).
It turns out, both scripts make use of an "imageContainer" div. It took me a while to figure out why nothing was showing up right!
A (picky) suggestion would be not to use "generic" names like "imageContainer" that could easily crop up elsewhere and cause conflicts. It would be just as easy to use e.g., "lbimageContainer" and reduce the chance of conflicts.

You can see both scripts in action at:
http://www.placewiki.com
(although the lightbox is only used on "place" pages that have more than one picture, like this one: http://www.placewiki.com/viewplace_detail.php?placeID=47

Thanks!
Steve

#402 Triall

April 25, 2006 @ 8:08 am

Превед ежег кагдила

#404 ShadowKris

April 25, 2006 @ 2:36 pm

I love Lightbox 2.0 !!!

That's a very nice work !!!

Congratulations :)

#406 sander

April 26, 2006 @ 4:38 am

have not implemented it (yet), but it looks like a true gem, well done!

#408 Hensel

April 26, 2006 @ 6:41 am

Here is a link to a picture that show you the problem

#410 Soyuzno

April 26, 2006 @ 7:13 am

I've try this, and works perfect. Well done :)

Is it posible if visitors want to print the image? I mean is it posible to add a print button or something?

Anyway, once again..well done!

#412 nick

April 26, 2006 @ 7:57 am

does anyone know, why lightbox doesn't work on my site?

http://flickr4j.nborn.ch

the small pictures in the upper left should be displayed with lightbox…

#414 Kaz

April 26, 2006 @ 8:08 am

Lightbox iFrame Fix..
No!! lightbox.js adjustments needed ;-)

[1] In your iFrame page add the following
Display LightBox

[2] Adjust the values in the form to represent your url and title..

[3] In your parent page which contains the iFrame add the following along with the standard Lightbox calls..

function lBiFrame(obj) { //Create the function for your onclick event in your link…
var iframe = window.frames['pmf']; //this has to be the name of your iframe.
var iframeForm = iframe.document.lBiFrame_form; //this has to be the name of your frame and your form.
var hrefvalue = iframeForm.LightBox_iFrame_imgUrl.value; //this has to be the name of your "Image URL" hidden field.
var titlevalue = iframeForm.LightBox_iFrame_imgTitle.value; //this has to be the name of your "Image Title" hidden field.
var simulated_iFrameLink = document.createElement('a'); //Creates a href object
simulated_iFrameLink.setAttribute('href', hrefvalue); //Sets the href object to your lightbox image.
simulated_iFrameLink.setAttribute('title', titlevalue); //Sets the title object to your lightbox image.
simulated_iFrameLink.setAttribute('rel', 'lightbox'); //Sets rel href object to your lightbox image.
//alert ('href: ' + hrefvalue + ", Title: " + titlevalue); //For debug, to test if href and title are passed correctly..
myLightbox.start(simulated_iFrameLink); //Starts lightBox
}

[4] Make sure your sub frame had the correct name elements, mines called ‘pmf’ (name should do, but i set name, id and title just for backup) and change the source..

[[[ 5 ]]] If all fails, here’s the full demo code..

——– Save below as ‘index.html’ ——–

function lBiFrame(obj) { //Create the function for your onclick event in your link…
var iframe = window.frames['pmf']; //this has to be the name of your iframe.
var iframeForm = iframe.document.lBiFrame_form; //this has to be the name of your frame and your form.
var hrefvalue = iframeForm.LightBox_iFrame_imgUrl.value; //this has to be the name of your "Image URL" hidden field.
var titlevalue = iframeForm.LightBox_iFrame_imgTitle.value; //this has to be the name of your "Image Title" hidden field.
var simulated_iFrameLink = document.createElement('a'); //Creates a href object
simulated_iFrameLink.setAttribute('href', hrefvalue); //Sets the href object to your lightbox image.
simulated_iFrameLink.setAttribute('title', titlevalue); //Sets the title object to your lightbox image.
simulated_iFrameLink.setAttribute('rel', 'lightbox'); //Sets rel href object to your lightbox image.
//alert ('href: ' + hrefvalue + ", Title: " + titlevalue); //For debug, to test if href and title are passed correctly..
myLightbox.start(simulated_iFrameLink); //Starts lightBox
}

——– Save below as ‘LB_iframe.html’ ——–
Display LightBox

————————————————–
Credits to Sean K for his example that i adjusted (http://www.huddletogether.com/2006/03/29/lightbox-v20/#comment-2235)

Nb. sorry for long posy ;-)

#416 Kaz

April 26, 2006 @ 8:28 am

Lightbox iFrame Fix..

Hmm.. Some of the code didn't render well in the post, so zipped the whole working demo and posted it at the link below, hope this helps..

http://www.kharsim.com/LightBox2_iFrameFix.zip

Kaz

#418 noname

April 26, 2006 @ 9:00 am

Nice script you have done her! But i wondering about can`t i make a folder and put all my picture in there and make a glideshow from this folder. And not to make a link to them all?

#420 Jason Tate

April 26, 2006 @ 3:43 pm

Whomever figures out how to display .mov and .swf files, please post.

Thanks!

#422 Nik

April 26, 2006 @ 10:57 pm

I'm having a scope problem with Lightbox. When I implement the solution in just a static page, it works fine. When I try to implement in my AJAX application, it doesnt. Basically what I do is I have a PHP which returns information on a client, based on a variable which is passed in through Ajax. The information is then bound to a DIV using the innerHTML. So anyway..in that HTML, there is a reference to an image that I'm trying to wrap the lightbox anchor around.

Think of it like this:

// where the lightbox stuff is defined

So inside the container is where I have the block, and it's having issues with the scope I believe. Anyone have ideas?

#424 KD

April 27, 2006 @ 5:06 am

Having an obvious problem in my page, the lightbox does not overlay on the Flash banner ad i have on the page. Also when I tried to shift the lightbox a few pixels down (top: 60px) it does'nt work. Can some1 help me out.

#426 Chris

April 27, 2006 @ 1:17 pm

Can lightbox be used to display html page? becasue I would love for it to act as somewhat as a pop up displaying a html page. or does it only display images?

#428 Bozoman

April 27, 2006 @ 2:56 pm

Cool thats awesome! Do you know how to add it to my Zoomshare site. (www.bozoman.zoomshare.com)

#430 Mahesh

April 27, 2006 @ 5:32 pm

I have created a compressed/optimized version of the JS files. In total I've compressed the total size of the four .js files to 47 KB (about 50% smaller). Partly I've pruned all unused code from effects.js & prototype.js and then used an optimizer to remove whitespace & newlines.

I also created a Picasa Export template to create photo galleries quickly from Picasa. I borrowed the look and feel of your lightbox2 project page for it. I also added a little feature, where while the thumbnails are downloading, it shows a overlay with "Loading" message. Because while the thumbnails are still downloading, the onload function has not been called yet, so Lightbox is not yet initialized. If the user clicks on any thumbnail, it will simply show them the regular image. The overlay covers the whole page and prevents any clicks. The overlay disappears once all thumbnails have finished loading and since partially opaque, the user can see the thumbnails getting downloaded.

The Picasa template is available for download at : www.mahesh.net/lightbox/lightbox2_picasa_template.zip

This zip also contains the optimized js files. I haven't created a separate zip for it.

#432 Mahesh

April 27, 2006 @ 6:20 pm

Simon,

I have a solution. I would not call it a workaround and its very simple to implement. Look at the Picasa Template package in #430 above.

In header.html
There is a and some CSS for it in css\screen.css. There is a onload function to remove the overlay once the page has finished loading.

In footer.html
Just before you close the tag, there is a JavaScript block. It expands the overlay div all the way to the end of the page. This is when the page height is longer than the window height. Without this anyone can scroll the page, while other images are downloading and click away.

#434 Anton

April 27, 2006 @ 8:55 pm

I'm using Lightbox without any problems and just have stumbled on an interesting error.
When adding the new Sidebar Widget into wordpress and using some of its features Lightbox still works but not the way as intended. The picture just show on a new page in the browser. It happens in any browser and only when the sidebar widget is actually used.
Maybe someone knows a solution to it
thanks

#436 Richard

April 28, 2006 @ 2:51 am

##426 Chris

"Can lightbox be used to display html page?"

No. Suggest you try Lightbox Gone Wild. It will do what you want.

http://particletree.com/features/lightbox-gone-wild/

#438 Simon J

April 28, 2006 @ 6:34 am

re#431 and 432

Thank you kindly Mahesh. That is definitely an option. I've tested it and it works well across different browsers.

I am hoping for an alternative to the onload rather than an overlay if possible. I will certainly use your method if I dont come across a working onload alternative.

Might as well re add my request: Has anyone found a working workaround to the unobtrusive onload function so that lightbox still works even while the page has not fully loaded?

Thanks for that.

#440 anouke

April 28, 2006 @ 11:27 am

I'm using this script for a small gallery linked from my blog but it doesn't work correctly. It only shows three of the nineteen photographs and I don't know why and everything (archives and scripts) is in the right place :(

Please take a look here:
http://anouke.spymac.com/fotografies_lightbox/index001.html

All the comments and responses will be really appreciated. Thank you very much! :)

#442 Mahesh

April 28, 2006 @ 2:00 pm

Re: #438

Simon,

One possible solution is to disable the last line in lightbox.js
Event.observe(window,'load',initLightbox,false);

and in your HTML, stick this just before the end of the <body> tag within script tags

initLightbox()

It seems to work but I couldn't really try it, since I am sitting on a very fast connection and thumbnails load quickly. I've implemented this here
http://mahesh.net/lightbox/sample_gallery3

Try it and let me know if it works.

#444 1madff

April 28, 2006 @ 4:08 pm

Never mind I just figured out what I did wrong!!

#446 arian

April 29, 2006 @ 12:05 am

awesome, using it for travel galleries:

http://www.ar1an.com/china/gallery/

#448 Vinoo Samuel

April 29, 2006 @ 1:43 am

Just finished a website of my one month road trip to the Himalayas using Lightbox, and it rocks.

Check it out at http://blog.vinoosamuel.com/himalayas/ and let me know your comments…

#450 Pierce

April 29, 2006 @ 4:58 pm

I'm interested in using Lightbox JS for the photblog that I have yet to create. I want to use Lightbox JS to display my daily images (as well as utilize its navigation system to browse through past pictures), as opposed to having multiple thumbnails and forcing a user to click on one to have it enlarged and only THEN being able to use the LB navigation to browse through the pictures. So basically, I want a typical photoblog setup, integrated with the smooth transitions of LB. I hope I've explained this clear enough for most to understand; I'd like to know if this is possible? If so, are there any existing examples on the internet? Thanks in advance.

#452 Bob S.

April 29, 2006 @ 7:45 pm

i'm not sure what i'm doing wrong, but Lightbox doesnt seem to be working properly, needless to say, i'm not very good with computers, but i'm pretty sure i did the html part right.

can anyone give me detailed instructions on how i install Lightbox 2.0 ?

#454 Simon J

April 30, 2006 @ 5:27 am

Re: #442

Hi Mahresh,

Thanks for that. Sensational. Thats what I'm after.

Works in IE6, Opera 8 and Firefox 1.5.

Doesn't work in Netscape 6 (it operates as per normal if the page has not fully loaded) - but hey - who uses that anyway?

I tried it with a very slow loading gif on a test page and it works a treat.
http://theinstamatics.com/bandmembers/n16.htm

Thank you kindly Mahresh - you are the absolute greatest!!

#456 stifler

April 30, 2006 @ 12:14 pm

THIS IS AWESOME!

#458 Bob S

April 30, 2006 @ 3:39 pm

do i need to upload any files for Lightbox 2 to work?

#460 Vini

April 30, 2006 @ 6:32 pm

Bob, yes you do, you need to upload Lightbox.

#462 Nick

May 1, 2006 @ 3:55 am

re#461

David, the loading gif is changed in lightbox.js. Try that

#464 Ray

May 1, 2006 @ 8:29 am

Wow, amazing script. Works great, just what I was looking for !

It works really well within my ASP script, which shows the images out of the database.

Thanks alot !!!

#466 Alejandro García

May 1, 2006 @ 4:55 pm

Awesome!

Congratulations… from México!

Thank you.

#468 McShark

May 1, 2006 @ 6:48 pm

I found a mistake! (Results in a lot of 404 errors)

You forgot to comment lines 34-41 in scriptaculous.js.
PLEASE DO THAT!

Thanks!

#470 Li-An

May 2, 2006 @ 2:48 pm

OK, I found some possilbe answers to my question (2 javascripts in conflict) see #346
http://blog.metawrap.com/blog/CommentView,guid,42b961d5-b539-4d9a-b1e0-108e546ae3e6.aspx
It seems that prototype.js is used to create conflicts. I would be happy if someone can give me an eventual solution :-)

#472 Richard

May 2, 2006 @ 4:56 pm

re #471 Carlito

#lightbox{
position: absolute;
top: 40px;

#474 Carlito

May 2, 2006 @ 6:06 pm

ref 472
Thanks Richard but I tried that before posting, it was obvious but as it didn't change anything (I use firefox and ie) so I came here to ask.
Any other idea ?
Carl

#476 Masa

May 2, 2006 @ 9:32 pm

Hi,
thanks for Lokesh to provide this wonderful tool.

I just modified Lightbox JS v2.02 to enable it to use image files without rel tag.
You can download it from here,
http://slightlyblue.com/blog/2006/05/rellightbox_js_v202.html
directly from here.
http://slightlyblue.com/dl/Lightbox/lightbox.js

Single Picture(*.jpg/gif/png/bmp) : able to use LB without rel tag
Grouped Pictures : use rel="lightbox[whatever]" as same as the default version.
maybe a solution for those flash users(unconfirmed)

If you don't like it, it will soon be removed, so tell me if so, Lokesh.

#478 Nick (Australia)

May 2, 2006 @ 10:03 pm

re #477

OPERA 8 Transparency

ps filter: progid: etc meant to be on the same line in css file..

#480 Masa

May 3, 2006 @ 3:39 am

well, I have time..

re#475, 479
http://slightlyblue.com/blog/2006/05/ajax_lightbox_js_v202_1.html

call: myLightbox.initialize()
after you get the AJAX.Request onComplete.

#482 mark

May 3, 2006 @ 5:10 am

so stoked..

made a little flickr search using lightbox 2.0

http://homemademess.com/tagr.php

thanks Lokesh!

#484 BAA

May 3, 2006 @ 11:46 am

thanx Lokesh.

now can we add FLASH content instead of an image ?
or the version is still not released ?

#486 Branndon

May 3, 2006 @ 12:19 pm

oh, i forgot, my sample site is
http://www.projecttorque.com/index.php?content=video thats the page i want to open a html in, if you click on the car, it opens in a new page

this page with the pictures works fine though
http://www.projecttorque.com/index.php?content=engine

#488 Evgeny

May 3, 2006 @ 3:11 pm

Why is there no close button while the image is loading?

If the image is taking ages to load - I would like my users to be able to go back to the page, and when a user is pressing the "Back" button to do it - its a great disappoitment.

to be short:

I want to write "Please wait while loading large image…"
and to have a close button to 'undo' this action of loading.

Am I asking for too much?

Great script though, really like it! :)

#490 Jayson

May 3, 2006 @ 5:57 pm

If you want to take a look at whats funky…

www.pixelstud.com/portfolio/icons.html

#492 Mahesh

May 3, 2006 @ 9:05 pm

Re: #489. 490

The .js files that you have uploaded are somehow messed up. When i load it up in Firefox, I see this error messages in the JavaScript console.

Error: missing ; before statement
Source File: http://www.pixelstud.com/portfolio/inc/prototype.js
Line: 1, Column: 149
Source Code:
type is freely distributable under the terms of an MIT-style license. * * For details, see the Prototype web site: http://prototype.conio.net/ */*————————————————————————–*/var Prototype = { Version: '1.4

When I view the file http://www.pixelstud.com/portfolio/inc/prototype.js , I don't see the comment block. I am guessing the problem is with Line-endings, but could just be something totally bizarre. Try re-uploading them and make sure you upload them in ASCII mode if you are using FTP.

#494 SilverRavage

May 4, 2006 @ 3:08 pm

Hey for some reason on mine it is only working for FireFox not IE, it loads the image in a blank page. It doesn't work at all. The image opens up in a new page. What's wrong? I saw that on the http://www.huddletogether.com/projects/lightbox2/ site but tried it and it didnt work. Where it is located at is http://www.silverdimensions.net/LB/index.html

IF anyone could help out I would appreciate it.
Thanks alot
Silver

#496 tee

May 4, 2006 @ 8:37 pm

First of all a great script you have.

I am implementing the script to a site, it works great except in IE 6 which the 'prev' and 'next' buttons are not showing up, but the prev/next funtions do work.

Further testing, tweaking with CSS lead me to a conclusion that the lightbox js is conflicting with the Dean Edwards IE7 PNG Alpha script that I use for a PNG logo, I am wondering if there is a way for them to co-exist.

This is the page that has IE7 script.
http://new.spotlightonthesquare.com/cuisine.html

and here the page without and you can clearly see the 'prev' and 'next' buttons do show up.

Thanks!

tee

#498 Mahesh

May 4, 2006 @ 10:03 pm

Re: #495

Will,

its actually not difficult to do what you want.

Step 1:
Add a Javascript block somewhere in <head> area
function openWin(url, width, height) {
aWindow = window.open(URL,'thewindow','width='+width+',height='+height+',location=no,resizable=yes,scrollbars=yes,screenX=20,screenY=20,top=20,left=20');
}

Step 2: In the caption for the image
title="&lt;a href=&quot;javascript:openWin(yoururl, 400, 400)&quot &gt;View Video&lt;/a&gt;

Check it in action here: http://www.mahesh.net/lightbox/sample_gallery . The very first image has a link that will open a new window

#500 Will H

May 4, 2006 @ 11:21 pm

Great, got it working. Thanks a million, Mahesh!

-Will H

#502 Deny

May 4, 2006 @ 11:56 pm

do you have any plan to make this wonderful script open html page like Thickbox did?
That will be very great.

Lightbox are kool :)

#504 SilverRavage

May 5, 2006 @ 2:15 am

Re 494. Can anyone at all help me with this??

Thanks very much

#506 Simon J

May 5, 2006 @ 8:39 am

Flash problems in Mac Safari only

Hello,

I am having problems in Mac Safari with the Flash header showing through the Lightbox photo when moving the mouse (possibly over the links in the flash file - my client pointed it out).

It works perfectly in every other browser tested. The flash image has a zindex 0, lightbox has z index of 100, I have added wmode=transparent and done all the other things suggested to get the lightbox working over the top of flash content - and it does - just not for my client in mac safari.

the test page is here:
http://scoutphotographics.com.au/draft20.htm

screen cap from my client's mac is here:
http://scoutphotographics.com.au/test04.htm

any ideas / suggestions?

thanks in advance

#508 Anonymous

May 5, 2006 @ 11:03 am

Just a note to say that I had a wee spot of bother with the NEXT and PREVIOUS buttons appearing, but managed to fix it by correcting the css to;
#prevLink:hover, #prevLink:visited:hover { background: url(./images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./images/nextlabel.gif) right 15% no-repeat; }

instead of;
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#510 tee

May 5, 2006 @ 1:05 pm

a follow up of my previous posts #496/497, that the 'prev' and 'next' buttons not showing up in IE 6.

Someone who writes JS for living gave me a pointer, that "the lightbox script is using window.onload which cannot co-exist nicely if there is other js in the same page". He said a proper little handler can take care of this issue.

I know nothing about JS, and is hoping Lokesh or anyone can who knows can make a little upgrade version for the handler.

Much appreciated!

tee

#512 Killer Possum

May 5, 2006 @ 6:05 pm

This script is AMAZING. And the fact that it's free makes it even more amazing. So easy to use, and so elegant. Thank you so very much! I will be recommending this to everyone I know!

#514 ryan coyle

May 5, 2006 @ 8:08 pm

I am having trouble with the script opening the last picture in a chain first instead of starting at the beginning. any help?

#516 SilverRavage

May 6, 2006 @ 1:20 am

Hey This script is really awsome, but no matter what I have done or looked into I still cant figure it out. Can someone email me with some help pleaseeeeeee. Thanks

#518 silverRavage

May 6, 2006 @ 2:10 am

be more specific did you follow the steps in the "test page" html

are you using dreamweaver?
did you
"Include the Lightbox CSS file (or append your active stylesheet with the Lightbox styles)"

#520 LastOne

May 6, 2006 @ 7:08 am

Hello!

I'm using Lightbox 2 in my wordpress blog. The Question: is it possible to fix the "prev" and "next" buttons and place them autside the picture when it pops up? So that it didnt disappear when you move the mouse-pointer away?

#522 GrayShade

May 6, 2006 @ 4:44 pm

Nice work, but scrolling the page with an open image is slower than in the first version. (Firefox 1.5). Any ideas with this?

#524 Rodrigo

May 6, 2006 @ 11:33 pm

aloha….one cuestion….its posible call the ligthbox from a flash button???
How???

#526 Li An

May 7, 2006 @ 3:46 am

#520 Take a look at this http://www.palintest.com/products/multiphot/7500
view the source, get the css file and the ligtbox.js file and compare with yours. You may read all these comments to find how to get Next and Prev button be always visible.

#528 pim

May 7, 2006 @ 9:45 am

Hallo,

first of all thanks for the great lightbox solution.

Everything works perfectly

I am haveing problems in IE and FIrefox with a lightbox over a flash header. No, the Flash is not in front of the lightbox, my problems are borders (when the mouse is in the area where the flash file is in the background) around the flash header and the lightbox (the half lightbox, e.g. the next or the previous part of the image, is surrounded with a border similar to the border of the flash header).

The flash image has a zindex 0, lightbox has z index of 100, I have added wmode=transparent and done all the other things suggested to get the lightbox working over the top of flash content.

link: http://www.bistro-rosarium.de/new/?Karte
screen shot: http://www.bistro-rosarium.de/new/1.jpg

any suggestions?

thanks in advance
pim

#530 jasperguy

May 7, 2006 @ 6:33 pm

#526 Li An

Thank you, I finally got the next and prev to work under the captions.

http://eddiewong.ca/photograph_wedding.html

Thanks for the script! fantastic. If anyone see any bugs on my working site, please let me know, I need someone to help me test it with a MAC platform.

jasperguy at yahoo dot com

Thanks in advance.

#532 tee

May 7, 2006 @ 10:46 pm

#531 Simon J

It's Z-index issue. Although you'd declared in your flash object, but you need to declare Z-index in #headerA.

Note that Z-index only works when you declare Position: relative (or absolute), which you omitted in the #headerA

set higher Z-index for the div tag that holds your Lightbox images.

Hope this helps!

tee

#534 Dan Steingart

May 7, 2006 @ 11:36 pm

This package rocks! I'm having trouble integrating it iinto a google maps mash-up though… it seems that an openInfoWindowHtml call in the google maps api creates a seperate page within the page…. when I try to call … from an info window it just opens the link in a new page…. when I call it from a link outside of the map it works. Anyone use this with google maps before and get it to work? Thanks in advance.

#536 Simon J

May 8, 2006 @ 6:05 am

re #532 and 533

Thank you Tee. Will try the position relative suggestion and advise the results.

(already add param name="wmode" value="transparent" and embed name="wmode" value="transparent")

Cheers.

#538 jasperguy

May 8, 2006 @ 3:37 pm

#537 nick
It's a php issue.

#540 Simon J

May 8, 2006 @ 9:08 pm

re 531

RE Mac Safari Showing through Lightbox

Any suggestions:

the test page is here:
http://scoutphotographics.com.au/draft20.htm

screen cap (from my client's) mac is here:
http://scoutphotographics.com.au/test04.htm

#542 eric RE SAFARI

May 8, 2006 @ 11:37 pm

RE SAFARI

Does the maker of lightbox have any fixes for this flash issue in safari?

thanks

#544 Sreedharan

May 9, 2006 @ 1:04 am

Wov.. It's really amazing..

I used it in my site…

My site have the feature to change the number of images dynamycally by means of sliders…

While am clicking on the images your lightbox effect didnt work.. it loads the image in the browser in a old way… after i came back (by clicking on the brwser's back button).. it works fine…

So, please help how could i fix this bug.. i dont know what mistake i did…

#546 tee

May 9, 2006 @ 3:27 am

#539 Simom,

It's because you didn't do it right.

See the page I came up:
http://lotusseedsdesign.com/lb/lb.html

I also made a screen shots for PC' IE, Safari, Firefox and Opera for PC and Mac. Click the links on the left to see the results. For some strange reason the Opera on Mac, the flash stays on top of the lightbox' image. It's definitely z-index issue, but a bit unusual for Opera I must say. It maybe a bug for the later version of Opera Mac. You may want to google CSS bugs for Opera to find out why.

In Safari, the flash flickers a bit when large image slowly showing up, but I don't think that would be a problem as far as performace concerned.

Here is what I did to your code:

1) remove the z-index from your tag in your html
2) #headerA {
position: relative; z-index: 50;

3) #nctR {
position: relative;
z-index: 100;
}

4) #nctThumbs {
position: relative;
z-index: 200;
}

I actually not sure #4 if needs z-index howerver when I removed it, the thumbnail stays on top of the large image, so I put it back.

Hope this helps!

p/s.I will look into the Opera Mac problem tomorrow when I get a chance. Really must go to bed now.

tee

#548 nick

May 9, 2006 @ 4:07 am

#538 jasperguy

can you help me with that I dont know what I am doing wrong please I need your help

#550 Sreedharan

May 9, 2006 @ 6:00 am

Plz anyone help me

#544 and #545

#552 Simon J

May 9, 2006 @ 9:09 am

#546 tee

sensational. Thanks for the help Tee.
will give it a run past my client on the Mac.
Thank you kindly

#554 Dave

May 9, 2006 @ 12:04 pm

Hey guys, not sure if anybody can help me out. I'm using a drop down menu and would like to use Lightbox, but it seems as if there is a conflict of scripts. I get these errors:

Error: l6963656E73654E756D626572 undefined is not defined
Source File: http://www.activetuning.com/scripts/mmenudom.js
Line: 31

Error: _hrF is not defined
Source File: http://www.activetuning.com/scripts/mmenudom.js
Line: 16

Any ideas what I can do to fix it? If I search "onload" in mmenudom.js there are two instances where it is coded…

#556 KayfabeRockStar

May 9, 2006 @ 2:37 pm

Anyone know if you can use this on a link where it draws from a database? Example: output(link) ?>" target="_blank" rel="lightbox"> WHERE output(link) ?> pulls the URL. It works normally without LIGHTBOX, but when you use the rel= it will pull up the box and the loading graphic but never load the image. When you hover on the thumbnail it shows the url as http://www.mydomain.com/index.php?=1 or =2, etc. never loads the image though…

Thanks!

#558 Cameron

May 9, 2006 @ 8:04 pm

Can someone let me know whats going on with lightbox on my page?

http://www.terrabalandcompany.com/HomesForSale.php

It works perfect in safari and ie6, but with firefox, a second scrollbar appears and the lightbox isn't centered at all.

Seems like a really weird bug.

#560 Jafar

May 9, 2006 @ 11:22 pm

Hi;

the script is one of the best one I have seen. Any one could tell me how to put a text on the bottom left hand side. I have a site that I show pics of places and would like to put the places description .

thanks

#562 Nick (Australia)

May 10, 2006 @ 3:45 am

re 560

HI Jafar,

To add a caption to your photos use the title attribute in the a href tag of your image

eg
a href="someimage.jpg" rel="lightbox" title="Noosa, Qld"

#564 Douglas

May 10, 2006 @ 5:51 am

Didn't have time to read through all the posts so maybe someone already mentioned this. I'm using Firefox v1.5.0.3 and when I tried your demo some weird things happened. I clicked on the images and they loaded on top the page, but when I right-clicked them, there was no "Save Image As…" on the context menu. Also, the Firefox extension (Image Toolbar) that pops up when you mouseover an image (kinda like in IE) only worked occasionally. It worked for a split second when the image first loaded but disappeared as fast as it appeared.

Anyway, thought you should know.

I'm not knocking Lightbox, just need the above things to work since I'm planning on using a family site with thousands of photos.

Thanks!

#566 finnagin bell

May 10, 2006 @ 9:28 am

*** Cancel last order please. I must be tired and need to sleep - a simple src error was my demon.

HOWEVER, I am having issues with the images and and GIF files not displaying inside LB ???????????????

#568 Kerion

May 11, 2006 @ 5:15 am

very stylish! :)

Congratulations for the good work!

#570 Nathan

May 11, 2006 @ 8:10 am

Firstly, WOW and thanks for your efforts. I'm currently trying this script on a real estate website (under development) and so far so good, one thing I would really like to do is replace the hover nav links with a nav bar either at the top or bottom of the image, also I'd like to replace the image links with text links… I'm working on it and I'll get it in the end.

Secondly I would like to back up post #162 by Paul: YOU NEED A FORUM.

For all the attention this script is receiving I think this is the most intelligent comment made so far, the other 99.9% seem to be questions, it's hard to follow them without some sort of threaded structure making it harder for peeps to get an answer (whether it be from yourself or other users). Please consider this idea, you may find it makes your life (and your supporters lives) easier.

Cheers for the script, I'll be donating something as soon as I send a site using this scrip live, your effort is much appreciated.

Cheers!

#572 Andrew Coggins

May 11, 2006 @ 6:24 pm

Hi, I'm using Lightbox 2.0 and I think it's fantastic!
Can anyone tell me how to change the backgound (around the displayed image) so that it's both:
1. A different colour
2. More transparent

Also, how about changing the image position height so that the picture appears lower down on the screen?

Thanks!

Andrew.

#574 New And Lost 2

May 11, 2006 @ 6:46 pm

Ok, rookie mistake - the code didn't show up…trying again:

{header

}

#576 Spudly

May 11, 2006 @ 8:24 pm

First off, I am no expert and know just enough to make myself very dangerous. I read through each and every one of these posts (and I agree that this needs to be a forum!) and a few people have asked how to use Lightbox in a frames environment and there have been a couple of postings about using it with an IFrame. I've used Kaz's instructions (414/416) and they worked well for showing one file but how do I show an array of pictures? To make things even more complicated- how do I utilize LB's ability to have many arrays by using the rel = lightbox[array] command? Keep in mind I'm a bit slow, so small words would be helpful… :-)

#578 Razerz

May 12, 2006 @ 3:44 am

Hello, first of all I wish to thank you for making this fantastic way if displaying pictures. But I have a problem, I want to position the picture higher than default, similar to what #572 wants to do. Another thing, the half-transperant background doesn't stretch all the way out in IE, there is a small gap at the bottom and at the right side. I have seen a fix on the "official" page, but I don't understand where to put
body{ margin: 0; padding: 0; }
Any help would be greatly appricicated (wrong spelling, I know, English isn't my first language).

#580 Anonymous

May 12, 2006 @ 6:23 am

It worked! www.gilarenas.net/newgal.html

My users will love it!!! Thank you so much (working on a page redesign and this is the PERFECT [pic gallery)

#582 Anonymous

May 12, 2006 @ 10:13 am

In regards to my question in #576, here's the link to the test site project:

http://www.lausanneschool.com/vtour/map.html

It's a virtual tour of our school and I'm using LB to display pictures of each of the areas. I'm only wanting the single image to show and then open into an array of pictures. Any suggestions on making this work with iFrames?

#584 wayne

May 12, 2006 @ 11:17 am

i utilized the script for my php gallery here: http://www.uffleman.com

great stuff.

#586 Will H

May 12, 2006 @ 4:14 pm

re: #585

Mahesh,

here is a link to my page that I am trying to get working in firefox.

http://willholman.com/newsite/portfolio.php

if you have any further questions, the contact page on my site has my email and screen name. thanks again.

Will H

#588 Elliot Smith

May 12, 2006 @ 6:13 pm

Great work. I'm using it on FlickrLilli (http://flicklilli.org.uk/), my Flickr Creative Commons search engine.

#590 Philipp

May 13, 2006 @ 10:13 am

Great work, much apprechiated. Will be part of the next ZEITDENKEN to be found at http://zeitdenken.de next month or so.

#592 Tyz

May 14, 2006 @ 6:50 am

Love this script great work.
But I ran into a small usabillity problem, when using a set of images it becomes impossible to save the image with right click->save image as, because the image is a link to next or previous image. You can only save or copy the link informatie and not the image itself.
Is there a simple solution fot this?

#594 Mahesh

May 14, 2006 @ 11:15 am

Re: 586

Will,

I got it to work in Firefox with some modifications. I removed lightbox related styles from green.css back into lightbox.css. In the process I messed up the Tooltop effect. So u may have to debug that. Check it out here: http://www.mahesh.net/lightbox/holman

#596 Will H

May 14, 2006 @ 3:01 pm

Re: #594

Mahesh,

I got the tooltips working as well, I moved the css for them into their own style sheet as well, check it out!

http://willholman.com/newsite/portfolio.php

I know that this isn't directly a lightbox-related question which I apologize for posting on here, but I was unable to locate your email address on your website. I'm having trouble with my tooltips, I only want them to show up when you roll over my thumbnails, not on every link on my page. They also show up on the lightbox next and previous buttons, as well as the close button, which I do not want.

If you have time to look over this, I would greatly appreciate it. Thanks so much again for all your help.

Thanks,
Will H

#598 Will H

May 15, 2006 @ 3:43 am

Re: #597

Mahesh,

Thank you so much, you have been an amazing help!

Will H

#600 Anonymous

May 15, 2006 @ 3:52 am

Hi.

LB is really great.

Any reason why I am getting a blue border around my thumbnail?

Thanks

#602 Anonymous

May 15, 2006 @ 4:36 am

@#601

Thanks Nathan! Blue border is gone now.

Cheers!

#604 Michael

May 15, 2006 @ 9:34 am

Hi,

I'm using Lighbox and some of you have asked about the blinking cursor in firefox. I fixed this in my script.
You only have to add
if (!document.all) document.getElementById('prevLink').focus();

to the showImage: function(){

It sets the focus on a hidden element and the curor is gone in Firefox. You have to use the document.all because ie does not allow this (and don't has this problem anyway).

I hop I helped someone :).

/michael

#606 Mahesh

May 15, 2006 @ 12:44 pm

re: #596

It turned out to be easier than I thought to fix the problem of the blank tooltips and its not even a hack.

In sweetTitles.js look for this block of code (around line 29)
for ( j=0; j<curLen; j++ ) {
addEvent(current[j],'mouseover',this.tipOver);
addEvent(current[j],'mouseout',this.tipOut);
current[j].setAttribute('tip',current[j].title);
current[j].removeAttribute('title');
}

After the opening brace of the for loop just add this line .

if (current[j].getAttribute('title') == null) continue;

Now the above block should look like this
for ( j=0; j<curLen; j++ ) {
// Quick check for Tags that don't have 'title'
if (current[j].getAttribute('title') == null) continue;

addEvent(current[j],'mouseover',this.tipOver);
addEvent(current[j],'mouseout',this.tipOut);
current[j].setAttribute('tip',current[j].title);
current[j].removeAttribute('title');
}

That should do it.

#608 Tiggr

May 15, 2006 @ 1:40 pm

Just a small tipp: For alternative loading images, have a look at http://www.ajaxload.info/

#610 Anonymous

May 15, 2006 @ 3:03 pm

Works great on pages without flash objects. However, I tried it on a page where I have a flas movie playing, whenever I click on the thumb, the new image opens up just fine, the effects are working, BUT the .swf movie overlaps the new image

#612 Anca

May 15, 2006 @ 3:20 pm

Yeah same here with the flash animation overlaping the lighbox after you click the thumbnail.
Any help is appreciated.

Anca x_code_15@yahoo.com

#614 Nathan

May 15, 2006 @ 8:02 pm

@ #604

The blinking cursor is an accessibility option in firefox. Under Tools - Options - Advanced - General - Accessibility you will see an option called (Allow text to be selected with the keyboard) or press f7 to turn it on and off.

Disabling this with script might affect people who rely on the feature, I'd suggest from an accessibility point of view it is better that some people see a blinking cursor than lose functionality they may require?

@ #601 (Me)

I found a way to reduce the top offset of the lightbox (the distance from the top of the browser window) but I'm unsure how to increase it, this solves my problem at least. For your info:

Look for this line in the script:
var lightboxTop = arrayPageScroll[1] + (arrayPageSize[3] / 15);

I changed the end of this line to be (arrayPageSize[3] / 30); in effect this halves the top offset. I'm not sure how to increase it but I have no need to , so I haven't really spent much time trying however I believe its just a matter of playing with the math. Hope this might help others though!

Cheers!

#616 Smeagol

May 16, 2006 @ 3:52 am

I see that many request a resize feature, and i want to sign up on that too!
Hope to see it in lightbox soon! :)
Making the css pass validation is something i really would like to see too.

#618 Rob

May 16, 2006 @ 12:00 pm

Thank you for your contribution; this is nice work.

One disadvantage to such a way of photo presentation is that in a photo-gallery-like application, it appears that individual images are not individually bookmarkable with their own unique URL. Is there a kind of URL that will cause the lightbox to be invoked immediately for a specified image, while still showing the page containing that image? This is not a complaint I have specifically about lightbox, but perhaps about all Javascripty web apps in general? (I'm not a web developer, so maybe this is an invalid "complaint".)

I use QuickyPix as my photo gallery backend and hope to integrate lightbox with it, but I really like QuickyPix's bookmarkability of individual images.

An example photo gallery using lightbox can be seen at pyxy-gallery.

#620 Will H

May 16, 2006 @ 2:16 pm

re: #606

Mahesh,

With the tooltips, did you by any chance get very slim blank boxes in Internet Explorer on the links without titles? That seems to be happening on mine.

Thanks once again for everything!

Will H

#622 Anonymous

May 16, 2006 @ 5:02 pm

hey guys?

i am really stuck here.
I don't even know how to install Lightbox 2 onto my website
Do i need to upload anything onto my computer?

what do i do with the CSS file?

and what do i with the .js files?

can anyone help an amateur here?

#624 Anonymous

May 16, 2006 @ 5:16 pm

It doesn't work at all. The image opens up in a new page. What's wrong?
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:

where would i put this in?

#626 Mahesh

May 16, 2006 @ 11:30 pm

Re: 625

Will,

Your CSS Switcher is causing a new page load (atleast in Firefox) and when this happens, the sweetTitles code is re-initialized. The little red-box that flashes is the hidden DIV that sweetTitles creates during initialization. You may want to look at the CSS switching code. From what I have seen the alternatestyles lib that you are using should be doing the switching without an actual reload (http://24ways.org/examples/introducing-udasss/) .

OR you could changing the order of some of the lines in sweetTitles.js
Cut the line:
document.getElementsByTagName('body')[0].appendChild(this.tip);

And paste it after this line:
this.tip.style.visibility = 'hidden';

#628 Mahesh

May 17, 2006 @ 12:28 pm

Re: #627
uschzmet.

<br<a href="/bildergalerien/ansicht/as_NATURE-Orchis_1024×768.jpg" rel="lightbox"><img src="/bildergalerien/thumbs/tn_NATURE-Orchis_1024×768.jpg" ></a>&nbsp;&nbsp;

Check the above line in your HTML Source. You are missing a '> ' for the BR tag. Firefox fixes the incorrect HTML for you. IE is not doing that.

#630 Gomi

May 17, 2006 @ 9:39 pm

Can somebody help with editing the JS (as recommended by #619 Rob) so it automatically generates a caption that is also a link to the original image file? This is to allow downloads.

Salamat!

#632 Mu Xu

May 18, 2006 @ 7:35 pm

Great script, I have seen it in action on www.jogadgets.com and am trying very hard to get it to work on my site… but instead when I click on the thumb everything works the way it is supposed to but the image doesn't show up. The url is http://www.xuland.com/index.php?option=com_content&task=view&id=12&Itemid=2 it would be greatly appreciated if someone can help me out. Thanks in advance

#634 Al

May 19, 2006 @ 6:10 am

Wow weee this script is incredible.

I found that if you use document relative links IE and Firefox behave differently.

IE is relative to the current webpage. Firefox is relative to the location of the style sheet.

Crayzee!!?!?!? So my stylesheet looks like this (which works a beaut):

#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url('../../../images/lightbox/overlay.png'); }

* html #overlay{
background-color: #333;
back\ground-color: transparent;
background-image: url('../../../images/lightbox/blank.gif');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/lightbox/overlay.png", sizingMethod="scale");
}

Why do I use this method? Because I'm integrating it into a script called CubeCart and all links are document relative. :O)

Thanks Lokesh

#636 Razerz

May 22, 2006 @ 4:28 am

@ #635
The lightbox script doesn't resize the pictures for you, you have to resize them manually before uploading them.

#638 Hiro

May 23, 2006 @ 4:42 pm

Awesome script, next step is php based gallery, what do you think? :)

#640 Steven

May 24, 2006 @ 4:03 pm

I love this script:

It's simple, and neat

One question : how can I make the shadow overlay in a hex color of my choice ?

if you ever make version 3, could you be so nice to put in a timer function, so that you can set a delay in seconds between the images and just let them run ?

great, no , Fantastic work.

Your link will definitely be on my website. thx

#642 leovn

May 24, 2006 @ 10:08 pm

http://www.imagol.com/pics/leovn/35672/errorlightbox.JPG

#644 anouke

May 25, 2006 @ 9:22 pm

#440 anouke

It works! Be careful with the image extensions: i had .JPG instead of .jpg (ridiculous error…)

#646 jb

May 26, 2006 @ 11:15 am

I love your feature!!!
Now I can show my photos on a way, who I wish it for a long time.

But I tried it with the Internet Exploer for a MAC and it doesnt work. I never use this browser, I just tried it. JFI.

Again: You did a great work.

#648 Lewis

May 28, 2006 @ 4:05 pm

#207 Olaf

I have found that a simple fix is to just directly link to the effects.js file, instead of using the scriptaculous method.

So, that begs an incredibly stupid question from me, and, well, what does scriptaculous.js actually do?

#650 Ana

June 1, 2006 @ 4:51 am

And here is my example site:
http://www.obrazy.ovh.org

#652 Francis

June 1, 2006 @ 11:59 am

This is a beauty.

I am in the process of creating a gallery page for my martial arts club website. This will be a stylish addition. When it is up-and-running, I will post a link here, and send a donation your way. Thanks for all your hardwork. It is truly impressive.

But… a wee problem…

In Firefox 1.5, if I look in the JavaScript console, I get the following two errors:

Error: Unknown property 'filter'. Declaration dropped.
Source File: …/css/lightbox.css
Line: 80
( filter:alpha(opacity=60); )

Error: Error in parsing value for property 'display'. Declaration dropped.
Source File: …/css/lightbox.css
Line: 95
( display: inline-block; )

I get similar error messages when I use the light box on your website. However, everything looks fine.

Are these just CSS attributes that Firefox doesn't recognise? Does it matter?

Sorry if this is a dumb question!

(and I echo #162… you DO need a forum!)

cheers
F

#654 Charles

June 2, 2006 @ 4:13 pm

UPDATE!

Found out that the reason for the backgound not covering the small stip along the right side had to do with reading the CSS from the page.

Also noticed that the issues with the backgound not covering the complete image is due to screen resolution. If the image is larger then the site size it will not display the backgound to the bottom of the image container.

Don't know if that last paragraph made sence but if you view (http://www.atr-construction.com/siteWIP/projects/projects.htm) in IE with 800×600 resolution you will see what I mean.

-Charles

#656 Lewis

June 3, 2006 @ 12:56 pm

#655 Bigredorange

I believe your problem is that 'scriptaculous.js' should actually be 'scriptaculous.js?load=effects'.

#658 Jon

June 5, 2006 @ 8:40 pm

Hi,

I have Lightbox 2.0 functioning, but I have a number of problems and would appreciate any advice (please bear in mind that I'm a novice!).

Here's an example page: http://www.filtereast.com/v2/en/lightbox_test.html

I am looking for fixes for the following problems:

1. I thought I'd fixed the problem in IE of a cut out line appearing around the side of the image clicked to move to 'Next' or 'Previous' image, bt this is still happening.

2. I fixed the position of the container to 20px from the top of the page, but now if I have a lot of images vertically down a page the person looking at the page only sees the overlay - they need to scroll up the page to see the image which is fixed at the top of the page. Do I have to undo this positioning to have the image appear wherever on the screen the user happens to be? (Sorry - this problem isn't demonstrated on the test page because all teh image are at the top of the page.)

3. This one may be HTML related, but I'm not sure… When I use thumbnails instead of text links to open the lightbox the thumbnails have a colored link border despite the fact that I haven't added image borders in Dreamweaver. I don't want this link border to be visible.

4. I fixed the issue of the overlay not covering all of the screen in IE by adding the suggested CSS hack (width: 100%;
_width: 102%; /* read by IE only */). This fixed the width problem in IE, but now in FF the container box kicks to the left when images are resizing. I think these problems are related, but how can I fix them both?

5. My image container doesn't seem to be centered horizontally - the Ajax 'Loading' graphic is centered in the screenm but not in the container box.

Thanks for any help.

Jon

#660 Elinor

June 7, 2006 @ 9:42 am

Hi,
Lightbox is great! My only problem is that my pictures are really large, and I'm too lazy to go and size them all down. Is there some way I can set them to display at 50% or even just give the pixel sizes?
Thanks,
Elinor

#662 marselb | feuilleblanche.com

June 7, 2006 @ 4:20 pm

thank u Lokesh 4 the lightbox JS,
very good JS script !!! … look at him on our site ^^
~ marselb ~

#664 Elinor

June 7, 2006 @ 10:37 pm

oops… nevermind. It cut off the majority of that. Sorry.

#666 mike

June 10, 2006 @ 4:07 am

hi! its me again!

#668 MrB

June 12, 2006 @ 6:55 am

I love what the lightbox script can do (and how it does it), thanks. For me I just needed to amended it slightly to display a Java applet to show my spherical panoramas. You can see my gallery in action here;

http://panoramasunlimited.com/content/view/25/103/

and then make a choice from the menu on the left. I have posted a more detailed list of the amendments and additions in the forum and can be found here;

http://www.huddletogether.com/forum/comments.php?DiscussionID=92

Thanks again for your great work.

#670 Rory

June 13, 2006 @ 3:05 pm

Hey, well done on the Lightbox script, its FAN-TASTIC! But i was wondering, what modification is www.eatmyshorts.com use, to enable it to play flash and videos, because i'd love to use it on my site cos its awesome.

#672 Geoff

June 18, 2006 @ 8:01 pm

@Rory
I think Lightbox Gone Wild should be able to do it.
http://particletree.com/features/lightbox-gone-wild/
(It's under Modifications on the Lightbox main page)

Good job!

#674 Randall

June 20, 2006 @ 12:02 pm

I've scanned through the comments, and I don't think my question is there. The question is: Is there a way for it to pop up above a frame. The site that I am currently working on uses an iframe and the pics are in there. The LightBox effect appears in the frame. How can I make it bust out the frame?

#676 Anthony Acosta

June 22, 2006 @ 4:37 am

This is a great script. Excelent job. It was very clear and easy to inplement. If you would like to see where i used it, just visit www.1904restaurant.com and click on the gallery page.

Thank you very much.

#678 Kelley

June 22, 2006 @ 10:50 pm

Argh, I just realized I posted my question/problem on the wrong page. Can someone help me with this? :(

http://www.huddletogether.com/2006/01/10/lightbox-js-update/#comment-4353

#680 Glenn

June 23, 2006 @ 7:43 pm

I'm a bit confused with the iframe tutorials through these comments. I want the script to load my pictures outside of the iframe because they are larger than the frame itself.

I don't know what else to say, thank you in advance!

#682 bochecha

July 1, 2006 @ 1:44 am

Congratulations, this is just a really good script for photo viewing.

I see only one problem : the css is not valid. I know it has already been posted a hundred times but this is the only thing missing in this wonderful script.

Thanx a lot.

#684 Paul van Roekel

July 1, 2006 @ 9:52 am

Thank you for creating this excellent Lightbox script. I've created a Picasa template using it. You can see it in action and download it from
www.paulvanroekel.nl/picasa/ .

#686 keith

July 1, 2006 @ 10:54 pm

i think someone left and href open and made the whole lower half of this page a link…or something.

anyway, i need help with iframes! i've read all of the posts and they seem fine if you only have a single lightbox link within an iframe content page. well, i was thinking/hoping to have multiple. anyone have any ideas on how this might be accomplished? also, the zip file that kaz posted is a dead link so i didn't get to try that out.

any help is appreciated!

#688 Anto

July 2, 2006 @ 5:30 am

I tried everything…but it just doesn't work for me.
Link is http://www.antoniosarcina.eu/bubu.html

Please, can someone help me?
Thanks in advance

#690 Bull3t

July 3, 2006 @ 3:21 pm

Hey, loving the script. Just wondered whether there is a way to make every link that goes to an image use the Lightbox, rather than typing in rel="lightbox" to each and every one.

Thanks in advance
Bull3t

#692 t-rude

July 5, 2006 @ 11:13 am

What a fascinating thing, and so simple to integrate. I'm amazed!

The script does have a problem when the image name or folder name contains special characters, either in unencoded (äöü) or encoded (%E4%F6%FC) form. It doesn't show the images then, but hangs with the "loading" icon.

#694 Frederic

July 7, 2006 @ 6:11 pm

Goog job… very good job
I used it for www.passionsansfrontieres.org/actions.html.

In an ergonomic point of view, mostly user click on the thumbnail and do not spending time to read "nota" (the way you used keybord shortcuts). So why do not add a place to remind it … may be under the "image number"… at least the first image entry ?

Best

#696 Dan

July 9, 2006 @ 2:59 am

I love the lightbox, excellent from a usability point of view!!!

I was wondering if there is a way I can customize lightbox as a way of letting the visitor to my site preview desktop wallpapers and then in the caption section offer links to the download of various sizes of the image, ie 800×600, 1024×768, etc.

Thanks for your time.
Dan

#698 Lloyd Borrett

July 11, 2006 @ 2:06 am

G'day,

I've used Lightbox JS 2 successfully on a XHTML based web site. But now I'm trying to get it to work on a HTML Transitional one.

But it just loads the image in a new page instead of running lightbox.

See http://www.borrett.id.au/divelog/index.php?nr=27

The page has the Milonic DHTML Menu on it, but even when I remove that it still doesn't work.

Any help most appreciated.

Best Regards, Lloyd Borrett.

#700 U-Nas

July 13, 2006 @ 4:43 am

To get rid of the IE "image toolbar" that pops up everytime you hover a picture, simply add this whitin your tags;

#702 CSS Freak

July 14, 2006 @ 5:03 pm

great script! love it.
putting it in my tool box for use in future projects.

do you allow mods? I have an idea for your script, but I kinda need to squish some other scripts in with the code.

#704 Anouk

July 22, 2006 @ 8:28 pm

Hello!

I love the script! But…
I'm jusing IFrames on my website. So if I want to open up a photo, the photo will open up in the IFrame. And I want the photo to open up in the whole window.

I hope you know what I mean and wil help me out soon.

#706 Gareth

July 26, 2006 @ 4:44 am

Hi, I'd 1st like to say thanks for lightbox, its a great tool that has finally burried the evil pop up window.

Secondly if anyone is using this with .NET and the Controls, I suggest having a look at this asp.net forum post to save yourself a lot of frustration.

http://forums.asp.net/thread/1316412.aspx

G!

#708 betbest1

July 27, 2006 @ 4:53 pm

I am trying to use Lightbox2 on my page, and I get a JavaScript error:

Error: Effect is not defined
Source file: http://localhost/listingsites/js/lightbox.js
Line: 320

However, the provided index.html page works fine in the same folder, and I copied and pasted the CSS and JS file references.

#710 Kitten Kid

July 27, 2006 @ 11:08 pm

What an incredible script! Everyone I show it to is dazzled by it. Can't wait to get it up and working with my gallery…head and shoulders above everything else out there. Many many thanks for your work, Lokesh!

http://kittens.sytes.org/

#712 gleam

August 1, 2006 @ 3:19 am

nice code, but i have a little problem.
why my flash file still show up ? i'll check my code again.
but i'm really thanksfull for the code

this is how the code work
http://www.gleamland.web.id/v2/portfolio.php

#714 在水之舟

August 2, 2006 @ 3:44 am

perfect!

#716 tri

August 3, 2006 @ 9:52 am

Am I the only one that has problem with both lightbox 1 and 2 working in Safari on a Mac? Both lightboxes versions work fine on IE and Firefox.

I have googled all over the web, and none of these submodal scripts seem to work correctly with Safari. I've tried Lightbox 1-2, submodal, leightbox, thickbox, greybox, lightbox gone wild…

#718 Jasper

August 5, 2006 @ 5:57 am

@#712 gleam

Try putting the flash file in a div with a lower z-index.

#720 croc

August 6, 2006 @ 7:51 am

bloody cool~~~, you are the man~~~

#722 ismail ünal

August 16, 2006 @ 7:42 pm

i put it in my site www.ismailunal.org and it's working regularly. thank you so much.

#724 Kevin

August 20, 2006 @ 3:46 am

I noticed when I click on a picture, regardless of browser window size, the scroll bars appear. I have my overflow set to hidden in my style sheet, so that people with larger screens won't be bothered by ugly scroll bars, but the scroll bars automatically appear when a photo in Lightbox is activated. Any thoughts?

#726 boscohxy

August 22, 2006 @ 4:33 am

good~~.

#728 Kim

August 23, 2006 @ 9:05 am

wonderful script!

i have a problem and a question though… i've modified the JS so that the prev and next links always show by doing what you said in #400, but because that kinda ruins the photo, how do i have them positioned at the very top? what do i do to the CSS to make that work?

your help would be very very much appreciated! :-)

#730 Jithuaravind

August 25, 2006 @ 1:03 am

Hi Lokesh..your enthusiasm really fetch results in such innovative stuffs for the community.
good luck.
Jithu
www.jithuaravind.com

#732 ben www.xaluan.com news

August 25, 2006 @ 2:11 pm

hi this me again.. i trying to make it drag and move but not sucess at all .. have you try that code???
i have used the one at http://www.dynamicdrive.com/dynamicindex4/ then find for 'Image Thumbnail Viewer' that code work ok but can not put in my tinymce by it use the onclick function for images ( tinymce will take out single qual (') so that code can't be work . then i use your one ..
can you have look at that code then corect me to make that code work like your one use rel="lightbox[roadtrip] not by (onclick) ..
if you can make lightbox can move please tell me .. thanks..
regards

i think better i copy the code here:
———————————-
Step 1: Add the following to the section of your page:

Select All
#showimage{ position:absolute; visibility:hidden; border: 1px solid gray; } #dragbar{ cursor: hand; cursor: pointer; background-color: #EFEFEF; min-width: 100px; /*NS6 style to overcome bug*/ } #dragbar #closetext{ font-weight: bold; margin-right: 1px; } /*********************************************** * Image Thumbnail viewer- © Dynamic Drive (www.dynamicdrive.com) * Last updated Sept 26th, 03'. This notice must stay intact for use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ var ie=document.all var ns6=document.getElementById&&!document.all function ietruebody(){ return (document.compatMode && document.compatMode!="BackCompat" && !window.opera)? document.documentElement : document.body } function enlarge(which, e, position, imgwidth, imgheight){ if (ie||ns6){ crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage if (position=="center"){ pgyoffset=ns6? parseInt(pageYOffset) : parseInt(ietruebody().scrollTop) horzpos=ns6? pageXOffset+window.innerWidth/2-imgwidth/2 : ietruebody().scrollLeft+ietruebody().clientWidth/2-imgwidth/2 vertpos=ns6? pgyoffset+window.innerHeight/2-imgheight/2 : pgyoffset+ietruebody().clientHeight/2-imgheight/2 if (window.opera && window.innerHeight) //compensate for Opera toolbar vertpos=pgyoffset+window.innerHeight/2-imgheight/2 vertpos=Math.max(pgyoffset, vertpos) } else{ var horzpos=ns6? pageXOffset+e.clientX : ietruebody().scrollLeft+event.clientX var vertpos=ns6? pageYOffset+e.clientY : ietruebody().scrollTop+event.clientY } crossobj.style.left=horzpos+"px" crossobj.style.top=vertpos+"px" crossobj.innerHTML='Close ' crossobj.style.visibility="visible" return false } else //if NOT IE 4+ or NS 6+, simply display image in full browser window return true } function closepreview(){ crossobj.style.visibility="hidden" } function drag_drop(e){ if (ie&&dragapproved){ crossobj.style.left=tempx+event.clientX-offsetx+"px" crossobj.style.top=tempy+event.clientY-offsety+"px" } else if (ns6&&dragapproved){ crossobj.style.left=tempx+e.clientX-offsetx+"px" crossobj.style.top=tempy+e.clientY-offsety+"px" } return false } function initializedrag(e){ if (ie&&event.srcElement.id=="dragbar"||ns6&&e.target.id=="dragbar"){ offsetx=ie? event.clientX : e.clientX offsety=ie? event.clientY : e.clientY tempx=parseInt(crossobj.style.left) tempy=parseInt(crossobj.style.top) dragapproved=true document.onmousemove=drag_drop } } document.onmousedown=initializedrag document.onmouseup=new Function("dragapproved=false")

Step 2: Add the following tag to your . This tag is used to contain the displayed images:

Select All

Step 3: Lastly, setup either thumbnail images or text links in which to load the actual images from (like in demo above). The code to add within the tag of your image thumbnail or text link is the following:

Lemon Cake (centered)
—————————–
Note how the href also points to the image; such a setup allows non DHTML browsers to bypass the script, and load the image in its own browser window.
——————-

#734 kj187

August 27, 2006 @ 10:21 am

Hi,

how can i turn off the effect ?

greetz kj

#736 toothpick

August 29, 2006 @ 7:23 am

there semms to be a problem in the css with:

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

the last part, starting from "filter" is shown as wrong syntax in stylemaster and don´t seem to have an effect. overlay shows in 100% black instead of 60% alpha black.

#738 kim

August 30, 2006 @ 8:23 pm

alpha filter doesnt work in opera.

i have a question, the prototype and effects scripts are pretty large. especially for dial-up users, it takes real long to load. the effects, maybe that cant be changed. but the prototype? couldnt you possibly implement a smaller library and put an update so that us JS dense people can use it?

that would be really great!!

#740 patrykt.net

August 31, 2006 @ 4:44 am

awesome! of course if you have great photos ;)

#742 Ballena

September 2, 2006 @ 10:28 pm

Lihgtbox ROCKS. Thanks A LOT to you for making things like this.

#744 kevin forrest

September 5, 2006 @ 11:31 am

hey guys thanks for the awsome program :) i love it almost as much as i like men. i might even make a light box about flamers like me. WINK WINK

P.S. we shoiuld hook up sometime

#746 Luke

September 6, 2006 @ 10:06 am

Extension from previous Post:

2.) Paste this code at the end of the script:

—————————————
var anchors = document.getElementsByTagName('a');
for (var i=0; i

#748 Gus

September 8, 2006 @ 5:46 am

Hi there,

really good work, Lokesh!

Congratulations!

Cheers!

#750 Spyros

September 8, 2006 @ 11:23 pm

FOR Luke (iframe)

Where do we have to paste the code:
—————————————

var anchors = document.getElementsByTagName('a');
for (var i=0; i !!!(lesser sign)!!! anchors.length; i++){
var anchor = anchors[i];
var relAttribute = String(anchor.getAttribute('rel'));

if (anchor.getAttribute('href') && (relAttribute.toLowerCase().match('lightbox'))) {
anchor.onclick = function () {top.lBiFrame(this.href,this.title,this.rel); return false;}
if ( anchor.getAttribute('rel') != "lightbox" ) {
top.lBiFrameSet(anchor.getAttribute('href'),anchor.getAttribute('title'),anchor.getAttribute('rel'));
}
}
}
—————————————

PLEASE NAME THE FILE.

Also…

Do we have to paste:

function lBiFrame (href,title,rel) {
var iframe = window.frames['main'];
var alink = document.createElement('a');
alink.setAttribute('href', href);
alink.setAttribute('title', title);
alink.setAttribute('rel', rel);
myLightbox.start(alink);
}

var loaded = Array();
function lBiFrameSet (href,title,rel) {
if ( loaded[href] != 1 ) {
var div = document.getElementById('lBiFrameSet');
var alink = document.createElement('a');
alink.setAttribute('href', href);
alink.setAttribute('title', title);
alink.setAttribute('rel', rel);
div.appendChild(alink);

loaded[href] = 1;
initLightbox();
}
}

before the in our file?
Thanks in advance!

#752 Maarten

September 12, 2006 @ 10:40 am

Hi,

I get the following error in lightbox 2 in the file Lightbox.js

Does anyone have a solution? I get a nice page with all my folders images. When I click one I get an dark overlay but no new image.

All paths to the files are checked and correct.

ERROR:
imageArray[imageNum] has no properties

Error at line 343:

while(imageArray[imageNum][0] != imageLink.getAttribute('href')) { imageNum++;}

#754 Premasagar

September 14, 2006 @ 7:36 am

This is a fantastic piece of scripting. Well done.

Just a suggestion for future versions… I think that all Lightbox element ids should have the prefix "lightbox_" or something similar. I already had an element with the id "loading" and the Lightbox CSS played havoc with it…

www.dharmasphere.org

#756 tg

September 16, 2006 @ 9:41 pm

I see that Associated Press is using your script now at http://hosted.ap.org

#758 r2tincan

September 27, 2006 @ 7:39 am

Hello,

Does anyone know how to set it up so that lightbox has thumbnails show up when the image overlays, over the image? Much like the gallery program minishowcase http://www.frwrd.net/minishowcase/. I also like how they have their next and previous buttons OUTSIDE the picture area and on at all times.

Does anyone know how to set up lightbox so it looks and functions like that? I think the functionality is greatly improved that way.

I love this script! Thanks

#760 Vaguely Artistic

October 5, 2006 @ 2:59 pm

After searching and searching I've finally found exactly what I've been looking for!

I have hit one roadblock though, and I'm hoping someone can help me troubleshoot this. My test page works perfectly in FF & Safari on my Mac, but a friend just tested it at work on her PC in FF & IE and she gets the following errors:

In FF:
The XML page cannot be displayed Cannot view XML input using XSL style sheet. Please correct the error and then click the Refresh button, or try again later.

In IE she can't see the page at all.

Here's a link: http://www.vaguelyartistic.com/canisterlb2.html

I know that's a fairly common browser error message but I'm stuck. Any suggestions are appreciated, thanks!

#762 Vaguely Artistic

October 5, 2006 @ 7:07 pm

@Marcel

A-ha! When my "PC" friend looked at the page for me, she only sent me the snippet of text I mentioned in my first post — I didn't realize there was more to that message. (But that explains why I couldn't glean more info when I Googled it.)

I'll have her check it again and look into it further. Thanks for shedding some light on this :)

#764 Brian and Eve

October 10, 2006 @ 2:17 am

Thank you for your LightBox. Now I need to revamp my whole photo gallery (http://www.behappytogether.com) which is previously built with Picasa.

#766 Pozycjonowanie

October 15, 2006 @ 6:53 am

Awesome. I'm going to be using a modified lightbox for my wordpress blog. Thanks for making such a useful script!

http://www.profesjonalna-reklama.pl

thx

#768 gswb

October 17, 2006 @ 11:23 pm

Lightbox JS v2.02 支持swf么？有什么方法？有知道的请发邮件给我，谢谢！gswb@qq.com

#770 chris

October 19, 2006 @ 11:01 am

hello, great script…

I still don't understand how to make it so the flash does not overlap.

I read the post from the main site it directs you to, but there are so many replies with no clear answers (in the forum).

can someone explain how to do this with SWFobject.

thanks so much.

#772 Wit

October 20, 2006 @ 1:11 am

Sorry, below correct code
function showSelectBoxes(){
selects = document.getElementsByTagName("select");
for (i = 0; i != selects.length; i++) {
selects[i].style.visibility = "visible";
}
var objs = document.getElementsByTagName("object");
for (i = 0; i != objs.length; i++) {
objs[i].style.visibility = "visible";
}
var embeds = document.getElementsByTagName("embed");
for (i = 0; i != embeds.length; i++) {
embeds[i].style.visibility = "visible";
}
}

// —————————————————

function hideSelectBoxes(){
selects = document.getElementsByTagName("select");
for (i = 0; i != selects.length; i++) {
selects[i].style.visibility = "hidden";
}
var objs = document.getElementsByTagName("object");
for (i = 0; i != objs.length; i++) {
objs[i].style.visibility = "hidden";
}
var embeds = document.getElementsByTagName("embed");
for (i = 0; i != embeds.length; i++) {
embeds[i].style.visibility = "hidden";
}
}

#774 chris

October 20, 2006 @ 12:00 pm

actually all i had to do was add

so.addParam("wmode","transparent");

to the swfobject in the html.

althought for some reason it cuts off the close button?

#776 SB

October 21, 2006 @ 2:21 am

Lightbox JS v2.0 is the very thing I am looking for!

I checked out the script and it works. Very nice done.

Thank you for sharing Lokesh!!!

PS: My personal web site is currently under construction. Please be sure to visit in the near future.

#778 Ankur

October 22, 2006 @ 7:09 am

Hi Lokesh Bhaia, this is Ankur. I was using Lightbox 2 on my site, and decided to tweak it a little when, lo and behold, "Lokesh Dhakar, huddletogether.com". It took me a while to confirm that you're actually Lokesh as in 'cousin from America', but then I had a look at Neha's picture with you. To tell you the truth, I didn't completely recognize you since I haven't seen you for what, ten years?

Great work on the Lightbox script, and I'll see you in India in Dec / Jan?

#780 Kike

October 22, 2006 @ 10:36 pm

I've seen 2 problems:

1º - This is not W3C CSS valid.
2º - It's doesn't work properly in Linux.

To solve the first problem, I've seen this website: http://diner.designsnack.com/viewtopic.php?id=58 in which there is a code that is w3c valid.

To solve the 2º problem i don't know how to do it, but it would be interesting to find a solution.

After all, congratulations!!

http://www.pantuflo.es/~gmonreal

#782 rayvolvez

October 22, 2006 @ 11:32 pm

missed out ur post..

Thanks Kike..

and most thanks to Lokesh!

here's my site : http://www.rayvolvez.com

#784 madis

October 23, 2006 @ 10:21 am

i have the sama problem what #397 Andrew had.
(when the image is bigger than the window then overlay dosent cover that part which is below the wisable area in the first place)

i dont know where to put this script what #397 Andrew told to fix the problem..
is there any more solutions to this problem?

#786 T1M4

October 24, 2006 @ 5:12 am

Hi
it's a wonderful script! realy useful =)
but i have some flash animation under the script and they are displayed over the pictures :/
and i can't edit the .swf because they are loaded from a sponsor server

can you think i can fix this problem editing .js file ?

thanx a lot for your work !

#788 André Fiedler

October 29, 2006 @ 9:24 am

Very nice script!

Will there be a mootools Version? In my opinion mootools is faster than prototype with script.aculo.us. ;o)

Ciao André

#790 PhotoPierre

November 8, 2006 @ 1:52 am

This is very good topic. We think that it is very good invention.

#792 Joe

November 10, 2006 @ 4:08 am

I love the script but I am having difficulty getting the caption and prev and next buttons to show up. I can't seem to figure out how to get the scripts to point to the right directory. Here is what I have:

#prevLink:hover, #prevLink:visited:hover { background: url('/images/lightbox/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("/images/lightbox/nextlabel.gif") right 15% no-repeat; }

I know, I'm a novice so shoot me! :)

#794 LordZoster

November 12, 2006 @ 12:41 pm

in case nobody posted, i solved up the bug pointed in #154, #156, #159 etc., in IE overlay doesn't cover the whole page.
Simply add a CSS to .lightbox class:
border: 0px solid;

#796 vidman

November 15, 2006 @ 9:42 pm

For those struggling to get the Lightbox to display ON TOP of a Flash object, this is the only real option that works cross browser without effecting your fixes for IE's "click to activate" bug-
http://blog.deconcept.com/swfobject/

This tip was passed on to me by a friend so I figured I would do the right thing and pass it on as well.

#798 Ionut

November 20, 2006 @ 7:46 am

I have this problem,… also posted on a Forum!
Can you help me with it…

Check link plz: http://www.dynamicdrive.com/forums/showthread.php?t=15027

#800 Emma

November 20, 2006 @ 4:39 pm

Hi there! I've been seeing similar problems to mine solved around the forums, but I'm still a bit confused.

On my lightbox, the "next" and "previous" buttons show up, however the loading animation and the "close" button do not. Here are two sites where lightbox is used on my site..

http://students.mcad.edu/~etrithart/acrylic.html
http://students.mcad.edu/~etrithart/digital.html

#802 lászló nagy

November 21, 2006 @ 1:26 pm

man, you're GREAT!!!!!!!!!!!!!!!!!!!

#804 mattg

November 22, 2006 @ 10:20 pm

I love this script but I've run into a problem…

It works great in FF2 but its not working at all in IE7…
Heres where I'm using it: http://www.tic.orphanwebdesign.com/index.php?page=photos

Ur script works fine on other sites in both IE7 and FF but I think on my site there might be something causing a conflict perhaps. It'd be greatly appreciated if you could help me out and tell me how to resolve this. Thanks!

#806 Justin

November 28, 2006 @ 5:26 pm

Found my own fix… use parent.initLightbox() instead of initLightbox() when you have iframes (took me a while to figure this out since the images where appearing correctly when it would work).

#808 Nat

December 2, 2006 @ 4:35 pm

I would post this in the forum, but i am not getting my registration conformation. No open registration being the issue it seems?

anyway my question is that i code for a small government non-profit, and my website needs to be ADA compliant (ugh…), so i need to add code so that the image that appears has the caption also assigned to the alt tag.

any help in doing this would be greatly appreciated.

#810 Johannes

December 5, 2006 @ 4:51 am

Also, in response to Nat, you can pass whatever attributes you want. The JavaScript doesn't care what they are called. Whether or not this is good practice, or violates some standards, I don't know. You just have to parse them and throw them into the array as you create it….
ex:
in your html:

#812 Boncye

December 9, 2006 @ 12:31 pm

Hey,
great job!
Thanks, you are the best!

#814 Newby

December 11, 2006 @ 7:27 pm

Hello,

I was trying to use Lightbox Image Viewer 2.0 on my Geocities site (I'm going to make a site for my e-commerce class), but I haven't been able to get it to work. If anyone could please help me figure out what I'm doing wrong, I would appreciate it. Here's the link to where I'm trying to get it to work www.geocities.com/newby35143 (the picture of the baseball glove is suppose to use Lightbox). I downloaded the files from Dynamic Drive, but I don't know exactly what I need to upload to Geocities and whatnot. It worked fine on my computer as an HTML file, but after uploading the text file and all of the files I downloaded with Lightbox, it didn't work on my site. If you could help, I would really appreciate it, and email me if you can at harrycary1@yahoo.com

Thanks

#816 Kishore Asokan

December 18, 2006 @ 9:04 am

Its great Lokesh, I got it in my review section and its working good. Congrats

Kishore

#818 Atlantis

December 19, 2006 @ 4:32 am

There is some problem with the new updated IE7.Lightbox doesn't work……….

#820 Fath

December 21, 2006 @ 8:08 am

Hi there. Can you give me the css file of your Lightbox page? I like the style and the menu so much!

#822 Morten H

January 1, 2007 @ 6:32 pm

I realy like the look of the lightbox and downloaded it and tryed it out with now luck. It does not work. I do not have a clue about scripts, but I tryed to follow the guideline given. Use Dreamweaver to edit the script and after some time I had to give up :-( I use Mac. But I guss it should not be any different from PC. Maybe there is a kind soul that could send me a finished version that I culd put in my web Photo gallery folder and try out.

#824 iis_hater

January 3, 2007 @ 7:50 pm

I've seen this asked many times above but no answer:

What setting on a web server could be keeping this from working?

I happen to be using IIS (outside my control, yes, I hate it too) and lightbox does nothing, just displays the image. On my PC desktop, unzipped right from the zipfile, the demo link on the index.html page works fine. On my PC desktop, served from the built-in version of IIS5 in Windows XP it works fine. However on my real web server, running IIS6 on Windows 2003, it does nothing. Just loads the image in the browser plain as can be.

I've tried Google, I've searched here, I've looked through my server's settings all to no avail and don't know where to turn. I don't want to give up on using lightbox though! Please, anyone who can help, email me at webmaster@jtcc.edu if you've come across this and solved it?

TIA!

#826 Charles Hall

January 5, 2007 @ 11:10 am

This is just a documentation suggestion. Your example does not show the thumbnail image html nor does it mention that you have to make your own thumbnails.

This is readily apparent when you get into it or do a View Source on your documentation page, but it was quite misleading to my non-techie users who thought this would solve all their problems.

The visual effect is VERY slick, I'm impressed that you can do this in JS!

#828 Alexander

January 6, 2007 @ 7:14 am

Man this thing looks pretty tight. Im definitely using this for my image gallery! And it so easy to customize the look and feel!

#830 Jay

January 8, 2007 @ 10:45 pm

Help!

the overlay doesn't work in IE but it does in FF
& the "blank image" is stretched across the browser but the height is just perfect for both IE and FF
What do i do? =(

#832 Suomi

January 16, 2007 @ 8:59 am

Click to close !

If you want to close the lightbox by clicking outside image (wherever you want)

1. Use prototype.js v1.5 & Lightbox v2
2. Find updateNav function
3. Add these lines at the end of updateNav function :

Position.absolutize('imageDataContainer');
Position.absolutize('outerImageContainer');
Element.setWidth('lightbox', 1);

Thank you for this nice job lokesh.

#834 tboggi

January 20, 2007 @ 1:41 pm

Hello,

I have a problem with the layout of lightbox.

please visit my site: www.bsv-bruchmachtersen.de and klick on the randompic at the sidbar and see the problem.

kind regards
tboggi

#836 Knarfishness

January 24, 2007 @ 6:47 pm

everytime i show people my photo page, they are impressed, thanks to lightbox. seriously, good stuff, man.

http://www.radford.edu/~favery/pics.html

#838 Mentalic

January 29, 2007 @ 5:38 pm

Here is interestnig question.

Can you call for Lightbox effect from FLASH? For example, in FLASH you have a scrolling bar with thumbnails of images; click on one of thumbnails and voila > large image with deemed bacground.

Is it possible?

Thx.

#840 Xavi

February 1, 2007 @ 9:17 pm

Oh my, this is cool! how to i use this on blogspot if i wish to use lightbox to show my pictures?

#842 víctor

February 5, 2007 @ 10:17 pm

Thanks For this invaluable script!
Please, could you answer a simple question?
What´s the font name you used to type "close", "next" & "prev" buttons?
If you want, send me an e-mail with the info!
My e-mail adress is: torkaeriushotmail.com

#844 jeff j

February 8, 2007 @ 11:12 pm

FANTASTIC! I'm a complete web building and scripting noob, but your instructions are great. Works nicely in every browser. Thanks much!

#846 Sophie

February 12, 2007 @ 5:43 pm

Posted yesterday but my message has disappeared. I have linked my captions to external sites. I'm trying to find a way to open them in a new window. Tried to put the "target" command in the caption but it doesn't work. Anyone has any idea how that can be done?

Thanks

#848 Mr.Benjamin

February 16, 2007 @ 5:44 pm

From:Mr.Benjamin
#67 Cresent Close,
Lynnwood Road
Hatfield Pretoria
Gauteng, South Africa.

{INTERNATIONAL HERITAGE TRANSACTION}
{One Hundred & Seventy Two Million Six Hundred And
Fifty Four Thousand United State Dollars}
{(RE: TRANSFER OF ($172,654,000.00 USD}
{BUSINESS OPPORTUNITY/YOUR ASSISTANCE IS NEEDED}

Dear Sir/Madam!!

I sincerely ask for forgiveness for I know this may seem like a complete intrusion to your privacy but right about now this is my option of communication. This mail might come to you as a surprise and the temptation to ignore it as unserious could come into your mind; but please consider it a divine wish and accept it with a deep sense of humility.

I am aware that this is certainly an unconventional approach to starting a relationship. I am Mr.Benjamin,the personal account officer to the great late diseased who has an account in one of the top banks here in South Africa. The account was opened in 2001 and he died in 2004 without a written or oral WILL and since 2004 nobody has operated on this account again hence the money is floating and if I do not remit this money out urgently it will be forfeited for nothing and Govt. of South Africa will confiscate the funds for their personal use which I personally don't want such incident to happen being that this is a great opportunity for me.

My contact is for you to please assist me to transfer the fund ($172,654,000.00 USD) One Hundred & Seventy Two Million Six Hundred And Fifty Four Thousand United State Dollars from a Cooperate Bank here in South Africa to an oversea account. First, I must solicit your strictest confidence in this transaction. This is by virtue of its nature as being utterly confidential. I am sure and have confidence of your ability and reliability to prosecute a transaction of this great magnitude. I solicit your assistance to enable us transfer the said amount into your safe account for onward investment.

You can either provide us with an existing account or to set up a new Bank account immediately to receive this money, even an empty a/c can serve to receive this money, as long as you will remain honest to me till the end of this important business trusting in you and believing that you will never let me down either now or in future because this business is my life. The owner of this account is a foreigner and no other person knows about this account or anything concerning it, the account has no other beneficiary and until his death he was the manager of the company. My investigation through the National immigration department & Ministries here proved to me as well that he was single as at the time of his entry into the Republic of South Africa. The amount in this account is USD ($172,654,000.00 USD) One Hundred & Seventy Two Million Six Hundred And Fifty Four Thousand United State Dollars only.

As a matter of fact, I have decided to transfer this fund abroad for investment. Your assistance as a foreigner is necessary because the management of the bank will welcome any foreigner who has correct information to this account which I will give to you immediately, if you are interested to do this business with me. There is no risk in this business. With my position and my personal contact with the manager of the bank, the money can be transferred to any account you can provide with assurance that this money will be intact pending our physical arrival in your country for sharing. We will start the first transfer with Fifty million [$50,000.000]. Upon successful transfer without any disappointment from your side, we shall re-apply for the payment of the remaining balance of $122,654,000.00 Million to your account. I am only contacting you as a foreigner because this money cannot be approved to a local person here, but can only be approved to any foreigner who has the correct information of the account, which I will provide for you. So you should provide me with your correct account details where you will like the fund to be transferred to, or you can set up a new account for the transfer even an empty account is ok. At the conclusion of the transfer you will take 45%, 6% will be for any expenses both parties incurred in the process of this business and the remaining 49% will be for me. As soon as I hear from you and upon your strong assurance that you will not let me down once the fund goes into your account I will then start the processing of the transfer of the fund to your account without further delay. If you are interested, please forward the following information as below:

{1} Your Name/company's name and full address,
{2} Bank Name:…………
{3} Bank Address…
{4} Account No:………
{5} Swift Code…{if any}
{6} Account Holder's Name: ……….
{7} Your telephone Nos.both Home, Office & Cell/Mobile and fax
Numbers…
{8} Your Occupation
{9} Your Valid ID

Upon the receipt of the above details, payment will be activated by the feeding of your data into payment system, followed by a signal that will be sent to the paying bank to remit funds into your nominated bank account within 5 official working days of receipt of the above information. Contact me urgently via email privately for further details: {my_save2006@yahoo.co.uk}

Thanks.

Best Regards

#850 j-nny

February 22, 2007 @ 10:17 am

thank you very much for this really really great script

#852 Florin

February 23, 2007 @ 8:04 am

There is a problem:
image #1
Is not XHTML 1.1 valid, because of the [ ] … Where can we change this?

W3 message: character "[" is not allowed in the value of attribute "rel".

#854 João Melo

February 25, 2007 @ 4:49 pm

It is very good, it forgives my English, it has permission to implement in my site? it is very better of the one than to use swf, with a time I make the donation. It only opens images? how I make to open an equal form to one I register in cadastre? My site: joaofmelo.com

#856 nev

February 26, 2007 @ 2:43 pm

Lightbox is great! My implementation of it shows one strange little error however - in IE6/Win only: everything works, except that, when you've clicked and got the lightbox picture, when the mouse is moved, a select menu form that's at the top of the page "behind" suddenly pops into view, into the otherwise dark lightbox. Any ideas or hunches what I might be able to tweak to stop this? Thank you!