Bonjour/soir,

J'ai une centaine d'images (img1, img2, img3...) dans ma page et je voudrais afficher une image différente lorsque la souris passe au dessus. Jusque là, rien d'extraordinaire.
Mon soucis, c'est que je traite TOUS les cas via un switch.
Exemple:
...(body)
       <TD onMouseOver="survolCase(1);"><img name="img_1" src="img/1.gif"></TD>
       <TD onMouseOver="survolCase(2);"><img name="img_2" src="img/2.gif"></TD>
       <TD onMouseOver="survolCase(3);"><img name="img_3" src="img/3.gif"></TD>
etc...
...(script)
   function survolCase(num)
   {
       switch (num)
        {
            case 1:
             document.img1.src='img/monimage.gif';
            break;
            case 2:
               ....etc...
         }
   }

Avec 'this', n'y a-t-il pas qqch à faire ?
Ou bien n'existe-t-il pas des index pour les images ?
document.image(i).src = 'img/image' + i + '.gif';

J'aimerais retirer tous ces 'case'...
Je cherche depuis longtemps...sans succès.
Merci d'avance pour vos réponses.
Cordialement,

Tibabou

Salut,
Voici ce que j'ai à te proposer :
<script type="text/javascript">

document.write("<table border>");
for(i=1;i<4;i++){
document.write("<td><img src=img/"+i+".bmp onmouseover='this.src=\"img2/"+i+".bmp\";' onmouseout='this.src=\"img/"+i+".bmp\";'></td>");
}
document.write("</table>");
</script>
Ici, seulement 3 images vont apparaitre.
Les noms d'images sont numérotés : 1.bmp, 2.bmp....
L'astuce consisterait à mettre les images qui apparaissent au survol dans un dossier différent.
@++