Accueil > Forum > > > > OnMouseOver : traiter le cas pour une centaine d'image
OnMouseOver : traiter le cas pour une centaine d'image
dimanche 18 septembre 2005 à 14:02:42 |
OnMouseOver : traiter le cas pour une centaine d'image

Tibabou
|
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
|
|
dimanche 18 septembre 2005 à 15:04:57 |
Re : OnMouseOver : traiter le cas pour une centaine d'image

algori
|
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. @++
|
|
dimanche 18 septembre 2005 à 16:10:02 |
Re : OnMouseOver : traiter le cas pour une centaine d'image
|
dimanche 18 septembre 2005 à 16:15:05 |
Re : OnMouseOver : traiter le cas pour une centaine d'image

Tibabou
|
J'ai écrit le message ci-dessous mais aparemment ça a buggé !  Merci beaucoup ! Tibabou
|
|
Cette discussion est classée dans : image, case, cas, onmouseover, centaine
Répondre à ce message
Sujets en rapport avec ce message
OnMouseOver???? urgent besoin d'aide [ par vince_ballad ]
bonjour je suis debutant, je voudrais faire un truc tres simplej'ai une image, et lorsque je passe dessus avec le curseur je vourdais qu'elle soit rem
changer background image onmouseover [ par fcdconnect ]
bonjour comment changer le background image d'une td onmouseoveraparrament le onMouseOver='this.style.background ne fonctionne pas merci d'avance
affichage d'image avec onmouseover [ par Atorina ]
Bonjour,J'aimerai afficher une image quand on passe sur un texte.Par exemple dans un talbeau, j'ai 2 colonnes.Dans la premiere je veux mettre du texte
onmouseover dans une iframe [ par ourson93 ]
bonjourj'ai un problème de onmouseover et onmouseout .je m'explique, j'ai une iframe dans une iframe et dans celle-ci j'ai<a href="A.html" onmouseover
Un script avec du son [ par pledoux ]
Bonjour à tous.Je commence par vous faire une présentation de ce que j'ai fait.J'ai un fichier texte dans lequel je mets des nouvelles.Le contenu de c
changer d'image en cliquant sur un lien [ par spiesalex ]
salut tous voici mon code:switch ($_POST['vaisseau']) {case x_302:echo'12<option
Ajout d'un trait ou courbe ou autre dessin sur une image existante avec un onmouseover sur un lien texte. [ par lipompier ]
Bonjour, je vous présente mon projet. Je suis entrain de bosser sur l'optimisation de la lecture de plans de municipalité. J'ai d'un coté le plan de
changer le map [ par asmaa17 ]
salut ,comment on peut changer le map d'un image et aussi l'evenement onmouseover de chaque area de ce map j'ai essayé ce code mais <img src="http://w
onmouseover+map+javascript? [ par fulltrip ]
Bonjour, Voilà mon idée était de de changer une image au passage de la souris. J'ai réalisé ceci a l'aide de la fonction onmouseover, mais j'ai voulu
Plecement image propriété onmouseover [ par ShadWinZ ]
Bonjours à vous , Déja , voici mon code :<h
Livres en rapport
|
Derniers Blogs
SLIDE & DéMO TECHDAYS 2012 - FAST & FURIOUS XAML APPSSLIDE & DéMO TECHDAYS 2012 - FAST & FURIOUS XAML APPS par Vko
Retrouvez les slides et les démo de ma session Fast & Furious XAML Apps. A ceux qui se posent la question : "est-ce que le code de la DataGrid est disponible?", je vous répondrais "pas encore". Je vais mettre en place un projet codeplex pour part...
Cliquez pour lire la suite de l'article par Vko XNA IS DEAD!XNA IS DEAD! par richardc
Depuis la semaine dernière (et grâce aux TechDays 2012), je me penche activement sur la nouvelle version de Windows, aka Windows 8. Vous me direz, il était temps puisque la première preview date de Septembre dernier.
OK. Remarquez, on n'en est qu'aux...
Cliquez pour lire la suite de l'article par richardc TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio
Logiciels
DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|