Hover over Menu...i need help :)

__plec__ · 11-01-2010 11:39am #1

Hi,

Just in the process of designing my first site,am using a basic web program so the layout etc is quite tidy.

However there are a few things the program cannot help me with so i need to insert html codes to sort this out.

One such case is that i want to have a menu,so that when the mouse hovers over the text/link an image will appear to give an insight into whats on the linked page.I have this set up and for the most part it works as i want it too.

My problem is that the one image appears for both.

Example:
The way i want it to work
Link One - Image One appears
Link Two - Image Two appears

But whats happens is
Link One - Image One appears
Link Two - Image One appears

Here is the script im using:

<html>
<head>
<title>Image Hover</title>
<script type="text/javascript">
function Show_Image(IDS) {
document.getElementById(IDS).style.display = "block";
}
function Hide_Image(IDS) {
document.getElementById(IDS).style.display = "none";
}
</script>
</head>
<body>
<a href=" page14.html"
onMouseOver=Show_Image('Img1') onMouseOut="Hide_Image('Img1')"> <small> Link One </small><BR><small> Sample</small></BR> </a>
<span id="Img1" style="display:none">
<div
style="
top: 40;
left: 260;
position: absolute;
z-index: 1;
visibility: show;"><img src="Image 1.jpg " alt=" <img src=" Image 1" alt=" Image 1.jpg" width="580" height="450" hspace="10" vspace="10" align="left" border="0" /></span></div>
<br>
<a href=" page15.html"
onMouseOver=Show_Image('Img1') onMouseOut="Hide_Image('Img1')"> <small> Link Two</small><BR><small> Sample</small></BR> </a>
<span id="Img2" style="display:none">
<div
style="
top: 40;
left: 260;
position: absolute;
z-index: 1;
visibility: show;"><img src="Image 2.jpg " alt=" <img src=" Image 2.jpg" alt=" Image 2.jpg" width="580" height="450" hspace="10" vspace="10" align="left" border="0" /></span></div>
</br>
</body>
</html>

Any help would really be appreciated,
Thank you

__plec__ · 11-01-2010 11:46am

Sorry,ive been trying to figure out whats wrong all weekend,but just as i clicked the send button here it dawned on me what the problem was.So its all sorted,sorry if ive wasted anyones time,thanks

Hover over Menu...i need help :)

Comments