begin process at 2010 03 18 13:33:50
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

OnMouseOver : traiter le cas pour une centaine d'image


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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


Nos sponsors


Appels d'offres

Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,546 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales