View Full Version : Show/Hide layer mouse-over not working

12-06-2006, 01:48 AM
On my page www.faceofrochester.com/gallery.html, I have the first image (125sclinton.jpg) set so when someone mouses over it, a larger version of that image (125sclintonBig.jpg) pops up in a layer. I have set it to show layer on mouse-over and hide layer on mouse-out, with the layer set on hidden by default in it's CSS properties. However, when I view the site, nothing happens when I mouse over the image. What am i doing wrong?

12-06-2006, 03:17 AM
it doesnt look like ur referencing the larger image anywhere

<img src="/125sclinton.jpg" width="120" height="120" onmouseover="MM_showHideLayers('Layer2','','show')" onmouseout="MM_showHideLayers('Layer2','','hide')" />

12-06-2006, 12:41 PM
chris, the mouseover triggers the javascript that show/hides Layer2, where the image is.

007. You're layer is showing up and closing just fine. It's this line in your CSS file that is preventing the IMG from showing up. Delete the CSS rule and you should be fine.
.box2 {
visibility: hidden;