Script :hover change image (onmouseover)

hkahil Messages postés 243 Statut Membre -  
 __construct -
Bonjour,

j'utilise un petit script qui me vas tres bien pour changer d'image au passage de la souris
par contre le script ne se declenche pas au démarage
je lance la page le scrit n'est pas actif
je passe sur l'image il devien actif
pouvez vous m'aidez svp
merci

<diV id="forte">
<img src="image1"
onmouseover="this.src='image1'"
onmouseout="this.src='image2'">
</div>
Configuration: Windows XP
Firefox 2.0.0.20

5 réponses

  1. resalut Messages postés 784 Date d'inscription   Statut Membre Dernière intervention   55
     
    tu creer une fonction en javascript ki affiche les images une par une pendant un temp donner au mouseout tu laisse ce que ta fait
    1
  2. Eocky Messages postés 68 Statut Membre 28
     
    Voil le script que j'utilise, il marche bien :
    A jouter avant /head
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>


    Affichage des images :
    <body onload="MM_preloadImages('ADRESSE IMAGE SURVOLE')">
    <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','ADRESSE IMAGE SURVOLE',1)"><img src="IMAGE NON SURVOLE" name="Image1" width="100" height="58" border="0" id="Image1" /></a>
    </body>
    0
  3. hkahil Messages postés 243 Statut Membre 7
     
    resalut j'utilise ce script pour faire afficher une image au passage de la souris et lorsque la souris quitte l'image , on revoir l'image initiale par contre est il possible qu'au passage de la souris voir afficher plusieurs image

    ce qui marche

    onmouseover="this.src='img/2.jpg'" onmouseout="this.src='img/1.jpg'"

    ce que je cherche a faire:

    onmouseover="this.src='img/2.jpg','img/3.jpg','img/4.jpg'" onmouseout="this.src='img/1.jpg'"

    souris sur l'image on voi défilé les images 2, 3, 4 , souris quitte l'image on revoir image 1
    c 'est pas possible avec mon code, je préfere ce code car c court
    merci de m'aidez
    0
  4. hkahil Messages postés 243 Statut Membre 7
     
    j'ai pas su faire
    personne pour m'aidez?
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. smqodfhsdhfslkd
     
    il n'y a pas de code et personne ne va t'aider, je cherche depis 2 mois rien

    il vont te donner des truk ( que de la merde ) ne marche pas, tu vas touner en rond.
    0
    1. __construct
       
      Au moins quand tu tournes en rond tu fais quelque chose... même si tu ne sais pas coder en JS :p
      0