Problème rollover

Bonjour ,

Sur une page je voudrais mettre deux rollovers.
J'ai réussi à avoir un rollover maintenant quand je met le second , les deux ne marchent plus et quand j'enlève le second le premier remarche.
Je ne sais vraiment pas comment faire , j'ai pourtant essayé et cherché sur internet mais j'y comprend rien. Voici ce que je fais :
Je colle ce code avant la balise </head>

<script language="Javascript">
<!--
monrollover= new Image ( );
monrollover.src="image2.jpg";
//-->
</script>

Ensuite je colle ce code (un peu plus en bas , là ou doit se trouver mon rollover )

<a href="rollover.html" onmouseover="monrollover.src='image2.jpg';"
onmouseout="monrollover.src='image1.jpg';"> <img
src="image1.jpg" name="monrollover" border="0"> </a><br>
<br>

Voilà ça c'est pour le premier rollover et ça marche , maintenant j'aimerai en mettre un second mais comment faire ?

Merci d'avance !

Bonsoir,

En principe, vous n'avez pas besoin de javascript pour obtenir l'effet désiré.
Interrogez l'ami Google sur "Rollover avec CSS" et vous devriez trouver votre bonheur .

Cordialement,

LDD-Soft

En effet le :hover de css simplifie les choses.
Si toutefois vous voudriez continuer dans cette optique rajouter un id à votre élément et recréez un script pour chaque élément avec un id différent par exemple.