Log in

View Full Version : Unhide image & display whole of image



Floodster
02-21-2011, 10:44 AM
Hi,
My first post so please be gentle!

I'm using a very simple bit of javascript to hide / unhide images with the onmouseover & onmouseout. My problem is that the the 'large' images are 800 * 600 & when you rollover the thumbnail the bottom of the image isn't viewable unless you scroll the page down, which if you try the image disappears!

Is there anyway of adding CSS or Javascript to make the window 'move down' or always make the bottom of the image viewable??

Thanks.

J.

Beverleyh
02-21-2011, 03:02 PM
A link to your page would help

Floodster
02-21-2011, 04:41 PM
Bev,
Thanks for your response. I have attached a link to a page with the code in. This page doesn't validate as I've taken some parts out but you'll get the general idea.

http://www.qiomts.co.uk/qi/wip/rollover_test.asp?Vancat=Medium

Nile
02-21-2011, 04:44 PM
The thing is, whether or not you make the scroll bar "move down" or scroll down to where the image can be fully displayed - the users mouse doesn't move with the scroll. The mouse wouldn't be hovering over the small image anymore thus the big image would disappear. My advice is to just make the image smaller or have a link to the image:


<a href="http://site.com/big.png"><img src="http://site.com/small.png" /></a>