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
[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA par cyril
Le deuxième keynote du mix fut très riche en contenu. Internet Explorer 9 Juste un après le lancement de Internet Explorer 8, Microsoft a dévoilé les nouveautés de Internet Explorer 9. Désormais, IE supportera HTML5, SVG et CSS3. L'élément ...
Cliquez pour lire la suite de l'article par cyril CERTIFICATIONS BETA .NET 4CERTIFICATIONS BETA .NET 4 par KooKiz
Les inscriptions pour les certifications beta .NET 4 ont commencé. L'inscription est offerte pour les examens suivants : - 71-511, TS: Windows Applications Development with Microsoft .NET Framework 4 - 71-515, TS: Web Applications Development with...
Cliquez pour lire la suite de l'article par KooKiz [MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2[MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2 par redo
J'imagine que la plupart d'entre vous connaissent bien et utilisent le service de traduction de Google, mais connaissez-vous celui de Microsoft . Microsoft Translator ? Effectivement, Microsoft nous annoncé le lancement version 2 de la Technologie Preview...
Cliquez pour lire la suite de l'article par redo LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010!LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010! par MPOWARE
Toutes les vidéos de ce lancement sont en ligne!
Partie I - Intro
http://www.youtube.com/watch?v=LkQzTQ8T6CA
Partie II - Démo 1
http://www.youtube.com/watch?v=drAhYQ7lqvo
Partie III - Démo 2
http://www.youtube.com/watch?v=c8KM_1Gqybc...
Cliquez pour lire la suite de l'article par MPOWARE [WP7] JE NE VEUX PAS D'UN NOUVEL IPHONE[WP7] JE NE VEUX PAS D'UN NOUVEL IPHONE par FREMYCOMPANY
Je pense qu'ils ont besoin d'une piqure de rappel chez Microsoft : c'est bien gentil d'avoir une interface jolie, mais si c'est pour avoir un truc qui ne convainct pas dedans, c'est peine perdue.
---->
Système ouvert ----> Fermé ?
P...
Cliquez pour lire la suite de l'article par FREMYCOMPANY
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|