Voila j'ai une banniere avec des boutons que j'ai rendu interactif a l'aide d'une map, et je voudrais que quand on passe la souris sur un de ces boutons, une autre banniere se charge ...
Mon code :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
</head>
<body>
<SCRIPT>
<!-- Begin Permet aux navigateurs ne supportant pas le javascript de passer le script
vide=new Image(); //Déclaration de la variable image vide
rond=new Image(); //Déclaration de la variable image rond
vide.src="../banniere1.jpg" //Préchargement de l'image
rond.src="../banniere2.jpg" //Préchargement de l'image
function jepassedessus(nomimage,imageutilise) { // Déclaration de la fonction qui permettra le changement au passage de la souris
document[nomimage].src=imageutilise; // Evènement effectuant le changement
}
function jepars(nomimage,imageutilise) { //Déclaration de la fonction qui permettra le changement à la sortie de la souris
document[nomimage].src=imageutilise; // Evènement effectuant le changement
}
//end --> Fin des commentaires
</script>
<div align="center"><img src="banniere1.jpg" width="680" height="188" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="479,153,499,174" href="" onmouseover="jepassedessus('bouton1','../banniere2.jpg')" onmouseout="jepars('bouton1','../banniere1.jpg')">
</map>
</div>
</body>
</html>
ca ne marche pas, si quelqu'un peut m'aider s'il vout plait ;)
merci