Mouseover pictures in HREF link.


Drag your cursor over the picture, drag it back, then click on picture!




Put this between your HEAD-tags:
<script language="javascript">
<!--
a1=new Image(59,47)
a1.src="yourpic1.gif"
a2=new Image(59,47)
a2.src="yourpic2.gif"
//-->
</script>
<script>
<!--
function filter(imagename,objectsrc){
if (document.images)
document.images[imagename].src=eval(objectsrc+".src")
}
//-->
</script>

Put this between your BODY-tags:
<a href="yourURLadress.htm"
onmouseover="filter('img1','a2'); window.status='Status Message';return true;"
onmouseout="filter('img1','a1'); window.status='';return true;" onclick="window.focus()">
<img src="yourpicture3.gif" name="img1" border=0 width=59 height=47></a>
<!-- -->

Free JavaScripts provided
by Winfolinx.com




Back