Changement d'image sur un lien

DEMONSTRATION



e-mail     webgraf.com     yahoo

lien4     lien5

Code source de ce script en 2 parties

Entre <HEAD> et <HEAD>
top

<script language="JavaScript">
<!-- 
function change(im){document.img1.src=im}
function v(){}
//-->
</script>
 
Entre <BODY> et </BODY>
top

<!--changez et placez l'image suivante où vous voulez mais le NAME="img1" doit être présent-->
<IMG NAME="img1" SRC="image1.gif" BORDER=0 WIDTH=60 HEIGHT=60>

<!--Rajoutez et/ou placez les liens suivants où vous voulez, <A HREF="URL" Onmouseover="change('votre_image.gif')" target="destination">texte ou image</A>--> <A HREF="mailto:webmaster@webgraf.com" Onmouseover="change('image1.gif')" target="top">e-mail</A><BR> <A HREF="http://www.webgraf.com" Onmouseover="change('image2.gif')" target="_blank">webgraf.com</A><BR> <A HREF="http://www.yahoo.fr" Onmouseover="change('image3.gif')" target="_blank">yahoo</A><BR> <A HREF="javascript:v()" Onmouseover="change('image4.gif')">lien4</A><BR> <A HREF="javascript:v()" Onmouseover="change('image5.gif')">lien5</A><BR> <!--Mettez javascript:v() si vous ne voulez pas faire de lien-->
 
INFORMATIONS COMPLEMENTAIRES
top

Comment intégrer ce script dans votre page: Vous pouvez télécharger cette page avec les images au format zip :télécharger.








Un problème ou une critique : e-mail
Des ressources utiles et gratuites pour vos pages Web :
webgraf.com