PDA

View Full Version : Resolved Image Thumbnail Viewer images fading out



dmwhipp
05-07-2013, 07:57 PM
1) Script Title: Image Thumbnail Viewer

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm
3) Describe problem: On this page - http://www.alaprovence.com/gallery.html - the images are fading out when the mouse is moved over them in Internet Explorer. Try opening several different images and moving the mouse around on top of them to view the issue, using IE.

Of course the problem doesn't occur in Firefox or Chrome, only Exploder which, unfortunately, my client uses to view his site.

I was thinking it might be a z-index issue, but haven't been able to figure it out.

I'm using AnyLink Menu on the site (http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm) and in my AnyLink CSS, I have the z-index set to 1001 for the top layer and 1000 for the shadow. I have these number set because the homepage is using the Ultimate Fade In Slideshow with a z-index of 100, and I need the menu items to appear over the slideshow.

So I set the z-index in thumbnailviewer.css like so:

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
border: 2px solid #526331;
background: #ffffff;
visibility: hidden;
z-index: 2001;
cursor: hand;
cursor: pointer;
}

Still no luck.... I hate Internet Exploder!

Any help would be greatly appreciated.
Deborah

dmwhipp
05-07-2013, 08:14 PM
I actually found the answer here: http://www.dynamicdrive.com/forums/showthread.php?63114-Image-Thumbnail-Viewer-ie9-full-image-lightens&highlight=image+thumbnail+viewer+fading+images

I downloaded the new .js file and, after uploading it to the server, it's working perfectly in IE.

Thanks for all of the wonderful scripts you offer at Dynamic Drive and the excellent assistance in the forums - both are greatly appreciated!
Deborah