#1 Tracey

January 11, 2006 @ 1:03 am

Thanks for the excellent script. One question, how could I put a link in the attributes? For example, link to another page or action.

#3 Andy

January 11, 2006 @ 1:54 am

Thanks, you are are Champion, i found this website this morning (Australian time) and it was pefect except that it didn't have captions, i thought to myself, no biggy i will add captions to it… i come back this afternoon and a new feature has been added. THanks heaps, you have saved me alot of time making this same thing for myself!!!

#5 Ben

January 11, 2006 @ 2:46 am

Awesome script!
But I've got one issue—how can I get this work with image maps? My client's website has 'chunk' images that need to have 4 or 5 links coming off each one. Right now, we're just using image maps. We want to use your script, but can't get it to work with them. It's something with the "Rel=" not working on the link.

Thanks for anyhelp!
Ben

#7 Sean Alsobrooks

January 11, 2006 @ 3:21 am

Awesome Script! Very nice and clean and functional.

I have one question, is there a way to position the full size image on the page? Maybe within an exixting ?

Thanks,

Sean

#9 Alberto Ortiz Flores

January 11, 2006 @ 4:02 am

Hi there, nice script!!

I have been trying to combine the moo.fx Opacity effect ( a superlightweight javascript effects library ) with this script and I can't find the way to make it happen. … any help in this?

this is my test page: http://dismorfofobico.com/test.html

#11 Tonio

January 11, 2006 @ 5:09 am

Excellent !

The bug mentionned here : http://www.huddletogether.com/2006/01/02/lightbox-js/#comment-374
has been solved by this update.

Thank you very much :)

#13 laboratik

January 11, 2006 @ 7:23 am

@Alberto Ortiz Flores:
check out the onload events! put the onload events of moo.fx in the
Lightbox.js file( at the bottom) and test from there? Dont know if it will work but this is often a problem with javascripts….

#15 Tom

January 11, 2006 @ 9:56 am

Safari 1.2.3 (v125.9) displays the image top left so the loading graphic looks a bit funny. Do you think it's possible to add a history marker, so pressing back takes you to the page with the photos, rarther than the page before the photos if you catch my drift.

#17 Ross Coombes

January 11, 2006 @ 10:07 am

Used this script for the first time today, very nice and very quick to implement, good work sir!

The only initial problem I found was that in IE, drop downs do not get overlaid and as mine was unfortunately in the middle of the page, it looked rather silly. Changing the z-index didn't seem to make any difference so the only resolution I could think of was to hide all select boxes by putting in…

var objSelects = document.getElementsByTagName('select');
for(var i=0;i

#19 gandoulfe

January 11, 2006 @ 10:17 am

Great!!! its a very good script ! thank you very much

soon oon www.gandoulfe.com

well done

#21 Mark

January 11, 2006 @ 10:47 am

This is a pretty slick script. It will definitely be handy in my next gallery.

Anyone know if there's a way to get this script to display an entire article instead of an image? I'm working on a site now where a feature like that would be pretty slick on. Just display the entire contents of the article in a div (even allowing links and images within the article) and have a close button at the top or bottom. That's just my initial thinking. But I'm not sure how to do it.

Any help would be greatly appreciated.

#23 Anthony Sangiuliano

January 11, 2006 @ 10:51 am

Ross Coombes:

Another way to overlay the form elements that seem to want to pop through the image is to change the "overlay" object in the code to an iframe and add a filter. It does nothing to how it renders in Firefox, but it makes a difference in IE 5.5+

Here is what I did:

I changed:
var objOverlay = document.createElement("div");
to:
var objOverlay = document.createElement("iframe");

and I added:
objOverlay.style.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=80)';

to the code within the lines where objOverlay is defined.

The main difference is that Firefox still displays the dark image with 80% opacity, while IE uses a white screen with 80% opacity.

Hope this helps.

#25 jaclimer

January 11, 2006 @ 11:09 am

Thanks for sharing this little gem!

#27 Johan

January 11, 2006 @ 11:22 am

the photo-gallery sounds really great. looking forward to it!

#29 kevdotbadger

January 11, 2006 @ 12:11 pm

I found that you can add links if you put them within the 'title' value.
eg title="Cannon! Picture by some guy. Visit more here"

then just style the links in the CSS how you want with #lightboxCaption a and #lightboxCaption a:hover

#31 Dustin Barbour

January 11, 2006 @ 3:34 pm

I've implemented this script to rave reviews from my site's visitors. I have links to higher resolution versions of my images as wel las EXIF data in the caption. Future plans are to hook this bit of JavaScript to an AJAX library to allow users to rate these images in the "popup" as well as hook it to some animation effects to fade the whole deal in. Job well done, Lokesh, but this is just the beginning of what's possible for this script.

#33 uli

January 11, 2006 @ 3:59 pm

first of all, thanks for this!

I have a little problem with IE. I've downloaded your files and built a test case … in IE it doesn't show me the "shadow".

First of all i don`t understand the usage of the blank.gif, can you tell me what is its use? I coudn't find a blank.gif on your server too. Maybe you can give me a tip what i'm doing wrong …

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

thanks in advance, uli

#35 Daniel Jordahl

January 11, 2006 @ 4:38 pm

Fantastic dude. Fourteen thumbs up.

#37 Brian Larter

January 11, 2006 @ 6:30 pm

I am trying to get this to work on my blog. i use wordpress and it just won't take it it seems.

#39 AsceticMonk

January 11, 2006 @ 8:06 pm

Hi Lokesh, it seems the CSS does not validate.

#41 tim

January 12, 2006 @ 12:07 am

you might want to make your zIndex higher, or have them as user settings, as you'd want the overlay to cover all other dynamic html, such as tooltips and popdown menus.

#43 Patrick

January 12, 2006 @ 4:21 am

I just used this to enhance my Flickr tool "Favourite Photographers": http://m.ac.nz/c/ - neat addition, I think.

#45 Geoff

January 12, 2006 @ 6:20 am

Fantastic script.

I've implemented it in the pictures section of our website: (http://www.amberfield.com.au). Works beautifully and adds substantial value.

Thank you.

#47 Gavin Montague

January 12, 2006 @ 9:32 am

Excellent script, well done to you Lokesh.

I've rewritten it a bit and turned it into a GreaseMonkey script for Flickr. I hope it proves useful to someone

Flickrbox.

#49 Kevin

January 12, 2006 @ 9:50 am

BTW Lokesh, I really like the script.

The next thing I'd like to figure out is how to add navigation links in the maximized image. That way someone could go to the next or previous large picture without closing and clicking on another thumbnail.

#51 Gerard Gorman

January 12, 2006 @ 2:50 pm

Great job, I love this script.

Thanks, Gerard

#53 Al Geddis

January 12, 2006 @ 3:00 pm

This is a super piece. It works great with generating albums. Thanks is not strong enough.

#55 António

January 12, 2006 @ 5:26 pm

This is a great script, Very useful for portfolios too! Keep improving it, it's getting better every day :-)

#57 Prashant

January 12, 2006 @ 6:06 pm

This script is looking great!

Keep up the good work :)

#61 Adam

January 12, 2006 @ 10:37 pm

Ah, I think the problem with the cut-off captions on your example page in firefox is because the image pushes itself down on the apge if it is too near the top and then goes over some of the text… when I'm scrolled all the way up it overrides some of the image text, when I scroll even the slightest bit down, I can see the captions great. I can get screenshots if you don't see it.

#63 Xavez

January 13, 2006 @ 5:06 am

Deliscious mate! Been looking for a neat gallery for a long time now and since I just don't have the knowledge to start coding everything from scratch… -> bookmarked! ;)

#65 Brendan

January 13, 2006 @ 7:36 am

Very nice work Lokesh.

Have you seen the javascript zoom-in photo viewer at Cabel Sasser's weblog?

#67 Lsv

January 13, 2006 @ 1:27 pm

Fantastic! You should be working for a large company making amazing additions to their website. (If you aren't already). I'm now using this on my website.

#69 Guðni Þór

January 13, 2006 @ 2:32 pm

I have nothing to say but what a great idea and the implementation is brilljant!

#71 metheus

January 13, 2006 @ 5:12 pm

Very nice script. I think it's interesting how it seems to spark the imagination, it's tempting to ask about "feature X." I will refrain though, posting it as you have is more than generous. I look forward to seeing where things go from here, thanks.

#73 Wilfred

January 14, 2006 @ 6:25 am

Brilliant script!, saw in on digg a few days back, and now it's on my blog….

Can't wait for new features!!

Thanks for the great script!!

#75 John

January 14, 2006 @ 3:07 pm

Great script! I made one minor change you might be interested in… I wanted the code to work differently for people who can't use it. I have a gallery and if people dont have javascript, I want to send people to a differnet URL that creates an HTML page, rather than display the jpg image directly (as required by your code). What I did was add another attribute to the line called "LIMG" (for Lightbox Image)… and I kept the HREF the way it use to be.

In your javascript, I added:

anchor.setAttribute("href",anchor.getAttribute("limg"));

Inside the loop at the top of "initLightbox"… basically, if your code excutes, it copies "limg" over "href"…. if your code does not execute, the browser ignores limg and loads the default href. Seems to work great so far!

#77 Frode

January 14, 2006 @ 5:59 pm

Excellent script! Eight tentacles up :) Thank you for sharing.

#79 QRcom

January 14, 2006 @ 9:55 pm

Love this script! Kudos!

I do have one minor problem. I use iframes and would like image to be viewablein the parent frame, not the iframe itself. Can this be done?

Thanks in advance!

#81 John

January 14, 2006 @ 11:44 pm

Excellent script! Very glad I came across it.

I seem to be having the same problem with iframes, however.

I have a site that has images in an iframe within another page. The lightbox will draw in the iframe, and not on the containing page. Is there a workaround for this?

#83 X-celent job

January 15, 2006 @ 6:26 am

Cool

#85 Mark

January 15, 2006 @ 9:40 am

Lokesh

Just wanted to say thanks for a cracking script - looking forward to the gallery additions!

Thanks also to Chris of Alien in London for the pointers of where to have each of the files for a Wordress installation.

The script really does make a difference to a blog dedicated to imagery hosted elsewhere as it stops users disappearing to other sites.

Thanks again!

#87 manuel

January 15, 2006 @ 10:02 am

oops, forgot the .com :D

http://beachlevel.com/wp-content/themes/beachlevel/js/lightbox.js
http://beachlevel.com/wp-content/themes/beachlevel/js/pngiefix.js

#89 Anonymous

January 15, 2006 @ 11:26 am

Andreas, FYI: sorry, but i dont see any nvigation at all using latest safari

#91 enzbang

January 15, 2006 @ 5:49 pm

Hello,

I have worked on your script to build a slideshow. I read an XML file to get captions and to build previous and next link.

You might find some interest in this script :

http://olivier.ramonat.free.fr/slidebox/

#93 John Davis

January 15, 2006 @ 7:23 pm

This script is great. Just downloaded the new update from 1/15. There is still an issue with small gap in the overlay in Firefox with the large images. I can't fix it! Also, the pictures don't align the same. Some align at the top of page, some align with the middle of the page, some the bottom. The overlay problem could be resolved if all the large images aligned at the top of the page. All in all, this is the best picture script out there. Thank you for offering it.

#95 Fareme

January 15, 2006 @ 9:02 pm

Hey, awesome lightbox script! My fiance and I are both getting ready to implement it on http://lotus.colodojo.com/ff and http://www.w0lfden.com
it rocks! So neat and stylish, too. keep up the great work.

#97 Vince

January 16, 2006 @ 12:50 am

When a picture is clicked on my website the "loading.gif" comes up but the bigger picture never loads….anyone know what the problem may be?

#99 James #2

January 16, 2006 @ 4:08 am

I found out what was making the script work in IE & FF on my web site. It was the image swapping code that was causing lightbox to stop working. If I remove the code then it works, you can see it working here without the code and with out the puddy rollover effect:

http://www.photography.xvi32.net/gallery.html

But as soon as i put the code in to get the image swapping working for the menu the script decides not to work. You can see the rollovers in the menu work but not lightbox here:

http://www.photography.xvi32.net/gallery2.html

So my question is how do I get both the image rollovers and lightbox to play nice together?

#101 takkyun

January 16, 2006 @ 4:55 am

Hi, James (#99 and #100)

>So my question is how do I get both the image rollovers and lightbox to play nice together?

My script works in your case.

http://serennz.cool.ne.jp/sb/sp/lightbox/

When you use Lightbox JS, you can add following code at the end of lightbox.js.

==== additional code from here ====
addLoadEvent(function() { MM_preloadImages('/images/menu01.1home.png','/images/menu02.1gallery.png','/images/menu03.1about.png') } );
==== end of additional code ====

And also it is not necessary to set onload handler at your tag.

Regards,
Takkyun

— here from original code —
— end of original code —

#103 takkyun

January 16, 2006 @ 6:07 am

Hi James,

>on the far right in the middle of the screen

I've checked it.

Your style.css (text-align at #Content) causes it.
You can fix because of chaging your lightbox.css as follows.

#overlay {
text-align: left;
background-image: url(overlay.png);
}

yes, just add "text-align: left;" for #overlay.

Regards,
takkyun

#105 James #2

January 16, 2006 @ 8:04 am

Thanks Takkyun, thanks for your help and support it's really appreciated.

I still cant get over how xool the script is, I absolutly love it. You and Lokesh should be verry happy and pround your scripts it seems are a huge sucsess and well done because they are great scripts and deserve to be sucsessfull :)

#107 Pablo

January 16, 2006 @ 9:37 am

Sorry … in the comment #116 the secuence is wrong: First open the picture with the browser window maximixed and then restore the window without close the picture so you can see at the bottom the efect mencioned.

#109 Todd Ross

January 16, 2006 @ 11:40 am

If you resize the /browser/ window from larger to smaller, the document recalculates its height (ie, it becomes taller, but narrower). Your Lightbox JS does not accomodate this; the document breaks out from under your overlay.

#111 Nicola Mattina

January 16, 2006 @ 1:51 pm

It would be nice to have a fade-in and fade-out effect when the overlay appears: something very fast, ie 1 second… just to have a transition between tehe page and its "dark version"…
Ciao from Italy
Nicola

#113 mcsnolte

January 16, 2006 @ 3:32 pm

Nice work, but is there a setting to keep the image fixed in the center of the screen even though you scroll?

#115 Tristan

January 16, 2006 @ 6:13 pm

Nice script, I'm going to use this on our new site! One thing though, the image popus don't center correctly when there is a scrollbar involved, could there be a solution for this problem? Can js know whether there is a scrollbar or not?

#117 Adam

January 17, 2006 @ 2:23 am

Found another bug:

when not using a closing image, the code just doesn't work. I tried specifying a random image and it also didn't work, so maybe it has to be an exact size too? Taking out the code around line ~320:

// preload and create close button image
var imgPreloadCloseButton = new Image();

// if close button image found,
imgPreloadCloseButton.onload=function(){

var objCloseButton = document.createElement("img");
objCloseButton.src = closeButton;
objCloseButton.setAttribute('id','closeButton');
objCloseButton.style.position = 'absolute';
objCloseButton.style.zIndex = '200';
objCloseButton.style.top = '5px';
objCloseButton.style.right = '5px';
objLink.appendChild(objCloseButton);

return false;
}

imgPreloadCloseButton.src = closeButton;

will get it to work.

#119 Berry

January 17, 2006 @ 5:44 am

I'm not the first one to tell you: it's brilliant!

I've been trying this before, but you made it a lot easier. No more popups!

#121 HellsBells

January 17, 2006 @ 6:12 am

I was worrying about the accessibility issues with non-mouse users as I had some difficulty retaining focus on the big image and then once returned to the main page in FF it was impossible to tab anywhere.

I mentioned this on a forum and a forum member was able to come up with a solution to enable smooth keyboard use too - have a look at the thread to see the solution:

http://www.csscreator.com/css-forum/sutra79112.html#79112

#123 Jeremy

January 17, 2006 @ 10:08 am

Hi,

What would need to be changed to use the title attribute o fthe image, not the link, as teh caption?

I want to use this script but my boss wants the title attribute in the image, not the link. Any suggestions?

#125 Trevor

January 17, 2006 @ 5:39 pm

Looks Fantastic

But I can't get it to work in my simple example ;-( Anyone help?

Is there more to do than DL the files, throw them into the images folder and then do steps 1 & 2?

I get no overlay or image. If I include the lightbox.css I get the overlay, but still no image!

#127 Andy

January 18, 2006 @ 1:09 am

Great Script!

But after I upgraded to the latest version (I first installed it on Jan 5th), it doesn't load image(Firefox), or cause JS error(IE). What's wrong?
my page is
http://www.matsubarafamily.com/lab/item/87

#129 fob

January 18, 2006 @ 10:56 am

Incredible Script! Thank you for sharing!

#131 fresh

January 19, 2006 @ 3:50 am

this is an awesome script. i'm having problems with it in safari and explorer though. It works great in firefox but in the other two browsers when I click my pic it just opens the linked file.

#133 Nick

January 19, 2006 @ 12:57 pm

Hi

very nice - has a problem if there is already onLoad code in the BODY tag - fails to work

What does it write to preload images?

#135 Eric Montz

January 19, 2006 @ 7:43 pm

Nice little script you've got here!

#137 Soho

January 20, 2006 @ 4:39 am

Lokesh,

As if you haven't heard it enough… smooth work ;)

What is needed to display a .swf or .mov in the lightbox overlay space instead of a still image format?

#139 eMPa

January 20, 2006 @ 6:48 am

Hi,
great job!
But I found a little bug: (browser: firefox 1.5 and IE 6) when you try close image by pressing key other than defined (e.g. space instead 'x') then image is hidden but page still exists in overlay mode. I hope it will be fixed in next release.

greeting from Poland
eMPa

#141 GW

January 20, 2006 @ 5:31 pm

#138 JC
Can you elaborate? I'm rather slow with this stuff. Perhaps an example or a link to your implementation. Your change is just what I need. Thanks in advance.

#143 ND

January 21, 2006 @ 11:45 am

Great Script…..Is anyone else experiencing a problem in IE with the script the 'first' time it is loaded. It never seems to work the first time, but then when I try again in IE, it works perfectly. When I close the window, start again, same thing…..problem only on the first thumbnail I click. After that, smoothe sailing. If someone else has experienced this, please let me know how you fixed it.

dreamweaver8484 at yahoo dot com

#145 ND

January 21, 2006 @ 4:33 pm

#144 Jason
Thanks for the response. What happens is the picture loads the old fashioned way, without the lightbox effect. I have to click the back button to make it work the second time. I don't think it is the page not loading…..thanks anyways.

#147 Jason Buechler

January 21, 2006 @ 4:52 pm

oops… #146 was me :-p

#149 MightyDuck

January 22, 2006 @ 9:52 am

It doesn't work under Opera. Actually it's not that it never works, it doesn't work every time.
It is stuck under Opera, the loading gif stays on top, and the real picture is nowhere.
If I close down the loading gif, (or refresh the page) and click again, the real picture comes in instantly.

I think the error is in preloading images.(maybe if its in multiple div-s or whatever)
Does anyone have some advice?

#151 ND

January 22, 2006 @ 2:00 pm

MightyDuck #149
I just tested it in Opera, and had the same problem.
ND

#153 Johan

January 22, 2006 @ 4:01 pm

The keypress doesn't close the overlay PNG in safari (2.0), only mouse click does that.

#155 Della

January 22, 2006 @ 11:45 pm

Elegant is the word! I have begun implementing this lovely script on a site I am currently building. I did get the it to work fairly easily, but when I went to add a Javascript drop down menu in Dreamweaver (*blush), nothing worked… well.. I did get it to work a little, but pretty soon the code was a horrific mess. What can I say? I don't know how to do it yet. ;-p

I've spent two or three days working on this, and finally have come back here to ask…: Is anyone on this lovely blog willing to show/demo/tell those of us who are code illiterate just how to implement this sweet script along with a simple drop down menu that works off a sliced image? Gosh that would sure be great! I'd also love to add an image rollover script too… haha. Would this be possible?

thanks Lokesh!

#157 Xavez

January 23, 2006 @ 4:55 am

sorry for the commentspam and sorry for the flash-thingy, I was too damned lazy to search this iste for "flash" :D

#159 Glen McHale

January 23, 2006 @ 8:42 pm

Lokesh

Love the script it has given my site a better look and feel, but I have problem with I.E.

My site works fine within firefox but not I.E., the page with the image on it has the image in a nested table and this works fine in firefox producing the desired effect, but in i.e. all it does is just link to the image it doesnt even put the image as an overlay, i know its a long shot without seeing the html but can you think of any reason for this or a way round it.

Regards

Glen

#161 dimitri

January 24, 2006 @ 8:18 pm

Thanks for lightbox!
It really is a great tool and can improve the usability of your website a lot. I use it on my website which is mainly about the Python programming language. See how I use it here:
http://www.serpia.org/spe
please add a comment if you like!
thanks,
Dimitri

#163 Erkki

January 25, 2006 @ 3:14 pm

Hi,
Very nice improvements in this version, great work!

About Opera:
-Works a treat in 8.01 on Mac OS X.
-Works a treat in Opera 8.51 on Linux (Ubuntu flavour).
-Very buggy in Opera 7.54 Windows XP, just displaying the overlay and loading img if present. Works sometimes on single image in a page, but refuses to work on another page with exactly similar markup. Go figure…
-Works a treat with Opera 8.51 on Windows XP.

Other browsers:
- Icab 3.0.0 close with "x" on keyboard doesn't work but all the rest is fine.

It is definitely a great cross-browser script :-)
Keep on the good work…

#165 Erkki

January 25, 2006 @ 3:30 pm

Forgot to mention that in Icab 3.0.0, the image is not centered in the viewport once launched. Apart from this nothing else to report.

#167 yoeri

January 26, 2006 @ 10:03 am

Hello,

When turning zlib.output_compression On (htaccess), the script doesn't load the image anymore. Is that possible or am i just freaking here?

#169 Klaus

January 27, 2006 @ 2:31 am

@yoeri(#167) hmmm … that can´t be, cause on my new gallerysite i use the compression and everything works fine in every browser, except opera 7.x, there is just the loading gif.

#171 STILFX

January 27, 2006 @ 11:19 am

….Just a reminder, Jason and I are discussing the imagemap mod for lightbox. Specifically the misuse of the attribute rel on an area tag.

Just because it works, don't mean its right. ;-)

#173 Tiggr

January 27, 2006 @ 5:24 pm

Hi!

Thank you for the great script, I'm using it somewhere on http://www.colorful-sky.de/ (for example here: http://www.colorful-sky.de/side71.html and here: http://www.colorful-sky.de/workshop/index.php?idcatside=79, sorry folks, only on the german pages…).

The only problem is, in IE there is allways a border without overlay on the right side of the window. I believe, it's because the padding set to the body tag by css!

Bye
Tiggr

#175 Ryan

January 28, 2006 @ 5:59 am

Very sweet script. I want to use it on my site and I can't get it to work. What could I be doing wrong?

When I click on the image it just opens the file in a new window.

Thanks,
Ryan

http://www.glorydayssportspub.com/glory_new/photos2.html

#177 Stefan

January 29, 2006 @ 12:17 pm

i have an other problem when using lightbox js in IE. loading everythink works fine but when clicking inside of the picture in order to close it and return to the normal website not the wrong page is loaded (base site instead of subsite) … when clicking outside of the picture everythink works fine

the problem occurs on http://www.webfeeling.at/neu/content_management/ when clicking on one of the three thumbs (site is still under construction)

#179 Gordon

January 29, 2006 @ 6:19 pm

New to this gorgeous little script but had to drop by to congratulate you on a great job. I have a feeling I may use this for more than one project!! Awesome!

#181 netasceta

January 29, 2006 @ 9:02 pm

About the flash issue (isn't a problem with lightbox, is an old welknown flash/browsers bug) here you can find a solution that works like a charm.

http://www.sitepoint.com/forums/printthread.php?t=158317

Basically is adding "transparent" property to your flash and set the z-property as you like.

WONDERFUL WORK DUDE !!

You made the designer I'm working with the most happy man in this world… and you helped me to change the image I had of been a programmer without any taste for esthetics.

Thanks again,

Marc.

#183 ND

January 31, 2006 @ 9:01 am

Eli #182
Yeah, that happens to me as well. The problem was only fixed in FF, but not IE. This seems to happen with the larger images. I am hoping there is a fix for that as well

#185 EmmSii

February 2, 2006 @ 12:27 pm

hmm, censor deleted HTML elements…

- you should use *paragraph* instead

#187 Johan

February 7, 2006 @ 10:19 am

Firefox adds height on the div where caption/keyb/etc is compared to Safari/opera/exploder.. just so you know :)

#189 weaver

February 9, 2006 @ 10:06 am

First off, excellent script. I am 'looking' for places to use this.

How hard would it be to add the same click event to the picture border that causes the detail to disappear?

If I click on the image or the background, the detail pic disappears (as expected). In contrast, if I click on the border of the image, nothing happens. Although small, it is likely that the user may click the picture border and be slightly confused.

Thanks, this is the only point that I could see that could use improvement.

#191 Jeff

February 10, 2006 @ 4:05 pm

I have a small modification for lightbox.js so you don't have to mess with the IE opacity problem and seems to work cross browser. I found it at http://www.mandarindesign.com/opacityblending.html.

Instead of the settings for #overlay, substitute:
#overlay {
background:#000000;
width:100%;
filter:alpha(opacity=90); /* for IE */
-moz-opacity:.90; /* for FF and Moz */
opacity:.90; /*CSS2 that works in Safarit */
}

I haven't tested Opera, but there is probably a workaround for that too.

#195 Pete

February 16, 2006 @ 5:58 am

Overlaying a copyright watermark with a hover state wouldn't prevent image theft.
You'd be better off looking at server side solutions to actually embed the watermark dynamically into the image.
Easier still, just add the watermark in an image editor before you upload it.

If the watermark is overlaid in, for example, a div then the image itself isn't altered. A right click, image save or quick look at the source code will still save the unwatermarked image.

#197 Kjell

February 17, 2006 @ 10:27 am

Hi!

I love your work with this script! And I would love to use it.. I have tried to make a small picture webpage but I can't seem to make the lightbox script work. If you could be so kind to check my site at: http://privat.bluezone.no/kjell.braten/galleri.html and see what I do wrong!?

#199 Klaus

February 17, 2006 @ 1:13 pm

aarrgh … why cant i just copy and paste?

sorry kjell,
what i want to say is: delete the "../" in the path to the javascript, or make it an absolute path. im sure it will work then.

regards, klaus

#201 Kjell

February 17, 2006 @ 2:33 pm

All the other javascript at my website messed with the Lightboxscript. Finding an other way to show rollover-effect.

Case closed :-)

#203 Colin

February 20, 2006 @ 6:24 pm

I can't seem to get the caption to show up with the border. It only shows as the text over the overlay png, which doesn't look very good because both are dark colored.

any help would be greatly appreciated
website
email

#205 Nathan Pitman

February 22, 2006 @ 7:30 pm

***Mouse Hover Copyright Overlay ***

Ok, this is a client side solution using CSS, so as Pete pointed out, it won't prevent anyone who has a reasonable knowledge of the web and who is desperate to steal an image, instead it's just a casual 'reminder' that an image is copyrighted. Thought I'd link it in in case anyone else has a similar requirement. :)

URL: http://nathanpitman.com/journal/447/

#207 Klaus

February 24, 2006 @ 2:27 pm

lokesh, i just want to thank you soo much for this amazing piece of code!

i use it on my new photo-site and it works great.
see it in action: http://lellesch.com/

regards, klaus

#209 Daniel

February 26, 2006 @ 6:21 pm

I've been working on implementing this awesome script on my portfolio that happens to be horizontally scrolling. Ive been successful so far but have this one issue with Firefox 1.0 with the white lightbox not shifting to the right. I defined arrayPageScroll[0] and compensating for this in objLightbox.style.left works for Firefox 1.5, IE, and Opera 8. Any ideas?

http://www.burnoptics.com/portfolio/
http://www.burnoptics.com/portfolio/scripts/lightbox.js

#211 Scott

February 27, 2006 @ 10:26 pm

When viewing in Preview in Frontp[age, it works fine. When uploaded, the image loader and the overlay show when the photo is clicked on, but not the image….. please help!!!!

You can view it at: www.roverscricketclub.com.au/lightboxfiles/stats.htm

#213 Cole Henley

February 28, 2006 @ 3:34 pm

Hi Lokesh
First of all thanks so much for a brilliant utility - c'est magnifique!
I have been experiencing some problems with positioning of images using lightbox js on a dynamic gallery I have created for a friend. In IE 6 photos sometimes randomly position themselves on the page once opened/clicked on. Is this something anyone else has come across/experienced?
The url for the site is http://www.ryanmcgoverne.co.uk/
Thanks again for a fantastic piece of code,

Cole

#215 tg

March 2, 2006 @ 11:39 pm

Check out the post at #91 on Slidebox. I'm using it at
http://bellsouthpwp.net/s/o/solidgolddancers/
Works great. Thanks Lokesh and Olivier, it's a great combination. I did paste the Slidebox mod (to the original Lightbox) and the Lightbox update together to get the best of both worlds.

#217 Jeff G

March 6, 2006 @ 6:03 pm

I have one small problem. Everything is working well. I'm using an imagemap and I've made the changes to the lightbox.js file to facilitate this with no problem as outlined above. Works just fine.

The only problem I'm having is, using the title tag for the caption, I don't like the caption appearing when I rollover the small image. Is there a way to just have the caption appear just with the larger "popup" images?

I noticed that enzbang in comment #91 created a javascript to call an external xml file. I altered his js file to allow me to use an imagemap and then created an xml file but it's not working (I just get the larger image on a new page, not as an overlay).

#219 offmeetree

March 8, 2006 @ 11:06 pm

top job, what a beautiful way to display full size images. Thank You.

#223 Jesse

March 16, 2006 @ 11:03 pm

Would love a copy of the iframe supported JS as well as modded iframe doc. I have read Seans post but have been unable to get it to work due to some details that were left out of his description.

Thanks

#225 zircom

March 17, 2006 @ 4:48 am

Hey nice script well done, only problem I have is the loading pic not show, only if you link to a pic that dont exist will only the loading pic display?

Any ideas

#227 Tammie

March 17, 2006 @ 10:46 am

Sorry about that I have been up all night and am punchy. As I was saying I use Dreamwever and only go into the code when necessary. I have not been able to get this lightbox to work. I am a novice at the coding part. Can anyone help me? On a new page, I got the image to pop up in the middle but not gray out the bkg. When I moved the code to an existing page that uses templates, It only opened the image in a new window - the close button was gone and so was the caption.
Can anyone help?

#229 kurt

March 19, 2006 @ 4:43 am

grea