General discussion

Locked

OnMouseOver

By suchintha ·
Hi,

I'm trying to create a web page using the MouseOver effect. I have created a table with a few links on the left cell of the table and an image on the right cell.

I would like to change the image on the right depending on the link the mouse is hovering over on the left. I have seen a few examples on this site, but I haven't been able to find anything that does what I want.

Any help would be appreciated. Thanks in Advance!

Such.

This conversation is currently closed to new comments.

7 total posts (Page 1 of 1)  
| Thread display: Collapse - | Expand +

All Comments

Collapse -

OnMouseOver

by gmscne In reply to OnMouseOver

Check a few web sites that display the technique you are looking for, then Wiew the Source for that page. This will give you some examples to customise your own code.

Collapse -

OnMouseOver

by suchintha In reply to OnMouseOver

Poster rated this answer

Collapse -

OnMouseOver

by RSV In reply to OnMouseOver

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form name="frm">
<table width="556" border="1" cellspacing="2" cellpadding="3" height="268">
<tr>
<td>
<img src="pic1.jpg" width="100" height="34" onmouseover="document.frm.img1.src='pic1.jpg'" onmouseout="document.frm1.img1.src='changepic.jpg'" name="p1">
</td>
<td rowspan="3">
<imgsrc="changepic.jpg" width="254" height="123" name="img1">
</td>
</tr>
<tr>
<td>
<img src="pic2.jpg" width="100" height="44" onmouseover="document.frm.img1.src='pic2.jpg'" onmouseout="document.frm1.img1.src='changepic.jpg'"name="p2" border="0">
</td>
</tr>
<tr>
<td>
<img src="pic3.jpg" width="100" height="44" onmouseover="document.frm.img1.src='pic3.jpg'" onmouseout="document.frm1.img1.src='changepic.jpg'" name="p3">
</td>
</tr>
</table>
</form>
</body>
</html>

Hope this helps you.
GOOD LUCK...:)

Collapse -

OnMouseOver

by suchintha In reply to OnMouseOver

Thanks Ravi!

Sorry I couldn't reply to you any earlier. This is exactly what I was looking for.

Once again, thank you very much.

Suchintha.

Collapse -

OnMouseOver

by Rajaragavan K In reply to OnMouseOver

Hi,

Try using the Div tag. In the right cell when u move the mouse hide the other divs and show the correct div with the image. You have to make each divisions with one image and make the position of the divisions as absolute. And divine all the divisions within the <td> </td> part of the right side cell.

I had see several sites using this technique displays the description of some words. So I think it will work.

Raja

Collapse -

OnMouseOver

by suchintha In reply to OnMouseOver

Poster rated this answer

Collapse -

OnMouseOver

by suchintha In reply to OnMouseOver

This question was closed by the author

Back to Web Development Forum
7 total posts (Page 1 of 1)  

Related Discussions

Related Forums