Image Thumbnail Viewer Script (onMouseover instead?)

[HAL]

1) Script Title: Image Thumbnail Viewer Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm

3) Describe problem: Thanks for this script! It's great! Just would like to modify it slightly to have the image appear onMouseOver, and go away onMouseLeave rather than onClick. I like the fact that the larger image appears within it's own box, and that it appears on the page, relative to where the thumbnail is. So if a thumbnail is to the right of the webpage, the larger image appears to the left of the thumbnail, and vice versa for the left side, or middle. I cannot have that part of things change at all. Everything is perfect the way it is, just need the onMouse over, and onMouse leave effect instead of onClick. Thanks for any help! I've been looking for days on the net and I don't know enough about coding to do it myself.

[ddadmin]

Sure, try the below modified .js file, which should do the trick.

[HAL]

Thanks for the modification to the JS! It's exactly what I wanted. There's only one little glitch. It works great in IE, but in google chrome, the images don't go away. Because they are not centered on the page and appear below the thumbnails, 1/3 of the image is off the page on the bottom. The image only goes away when you put the mouse on it. If I scroll down the page to see the whole image, then the next thumbnail I click on, puts the larger image even farther down the page. So I have to scroll down farther to see that one, and so on. You can see what I mean here: http://www.thebarnyardzoo.com/photo_gallery_parade_of_lights.html

Don't know if the css can be modified to cooperate the same in both chrome and IE and other browsers?

thanks for the quick reply, great help and great scripts!
HAL

[ddadmin]

Hmm I'm not seeing this in Google Chrome (v19)- the enlarged image always appears centered on the page as it should. What version of Chrome are you using?