PDA

View Full Version : Lightbox image viewer(page does not go dark in IE)



tartanU
01-27-2007, 12:41 PM
1) Script Title: Lightbox Image Viewer

2) Script URL (on DD): Lightbox Image Viewer (http://dynamicdrive.com/dynamicindex4/lightbox/index.htm)

3) Describe problem: Hi, I have added lightbox viewer to my website and all works fine in Firefox but when loaded in IE when the image centers on screen the background doesnt go dark. Anyone know what the problem could be?
here is link to one of my pages Here (http://www.thetartanunderground.com/artists/cardiac/cardiac_image.htm)
Any help would be much appreciated.

Thanks

jscheuer1
01-27-2007, 05:37 PM
Try specifying the absolute paths to the images here (in lightbox.css):


background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");

The overlay.png is here:


http://www.thetartanunderground.com/lightbox/overlay.png

I don't know the absolute path to the blank.gif, the file itself may not be required.

Unrelated perhaps but possibly a part of this, your page's body onload event attribute is throwing an error in FF:


Error: missing ; before statement
Source File: http://www.thetartanunderground.com/artists/cardiac/cardiac_image.htm
Line: 1, Column: 93
Source Code:
ages/general/profilebuttons/mp3over.gif','../../images/general/profilebuttons/linksover.gif');initLightbox(,'../../images/general/profilebuttons/booking-over.gif')

But, it looks to me as though there are other problems with that event attribute as well so, fixing that one thing might make things worse. To test its effect on the original problem in your post, get rid of the body onload completely (as a test) to see what happens.

tartanU
01-27-2007, 07:04 PM
hi, I specified the absolute path to the overlay.png file in the lightbox.css and it has fixed the problem.
Headache over.. thanks very much for your help!