mouse over image

unbornzodiac · 01-02-2005, 02:14 PM

Can someone help me with the html code for inserting an image and when mouseover it turns into another image, and is also a link? I can't seem to get it right. Thanks.

developer · 01-02-2005, 02:49 PM

<html>
<head>
<title>Image Change</title>
</head>
<script language="javascript">
function change()
{
myimg.src="gif/5.gif"
}
</script>
<body>

[img]gif/4.gif[/img]

</body>
<html>

You can use property onMouseOut, onMouseDown etc as you want, in a similar fashion.

unbornzodiac · 01-02-2005, 03:06 PM

Works perfect! Thanks!

unseen · 01-02-2005, 10:03 PM

im a noob to programming, but i got a ? where do you enter all this info.?

developer · 01-06-2005, 02:57 PM

The above code is a self contained HTML doc. The script is where we keep all our functions. language attribute tells the browser about the lang the functions are written in. Similarly we have scripts run at server with runat="server" attribute.

The rest in the script is simple javascript and is very similar to C/C++. We define a func, which is called when the mouse is taken over the part of the web form, for whom we have given a unique name. On this it changes the source of the image via the javascript function.

Member Login