plusieurs Rollover sur une meme page

Question

Si vous souhaitez rendre votre page d'acceuil un peu plus dynamique vous avez la possibilités d'y insérér des rollovers ( sur 5 images qui pointent sur 5 pages de votre site par exemple).
 Voici ma fonction:
 
  

function rollover_image(image,action)
    {    
         var i=0;
         var tab =new Array(5);
         var trouve=0;
       // on peut creer un fichier .js qui contient votre tableau
   d'images.
         tab[0] = new Object; // declaration des objets;
         tab[0].ref ="image1";
         tab[0].img1="'images/x.jpg'";
         tab[0].img2="'images/y.jpg'";
         tab[1] = new Object;
         tab[1].ref ="image2";
         tab[1].img1="'images/w.jpg'";
         tab[1].img2="'images/z.jpg'";
         .....
         tab[4] = new Object;
         tab[4].ref ="image5";
         tab[4].img1="'ze.jpg'";
         tab[4].img2="'images/wx.jpg'";
         
        while (i<5 && trouve == 0)
        { if (tab[i].ref == image)
              {  trouve = 1;
                 ind = i;    
              }
             else
               i++;
        } 
         
        if (trouve == 1) 
          {  
           if (action == "roll") // cas d'un onMouseover
               {var var1;
               var1=("document."+image+".src=");
               eval(var1 + tab[ind].img2);
// la fonction eval permet d'executer du //codejavascript a partir
 // d'une chaine de caractere.
               }
           else
               if (action == "init") // cas d'un onMouseout
                  {var var1;
                  var1=("document."+image+".src=");
                  eval(var1 + tab[ind].img1);
                  }
          }
      
   }


l'appel a la fonction

Voila, ce code tres simple permet d'ecrire sa propre fonction rollover, pour les moins courageux d'entre vous, vous pouvez utiliser dreamweaver.
     A++

cs_mehdibou · Answer

Pourquoi n'as-tu pas mis ça dans les sources ?
Merci qd mm pr le code :)

@+ et bonn' prog'

Mehdi  :approve)

cs_mehdibou · Answer

Ha ok, c'était la réponse au message précédent.
Soit bug du forum soit vous ne savez pas vous en servir (??)

@+ et bonn' prog'

Mehdi  :approve)

cartoongraphist · Answer

J'ai ajouté un script sur le site concernant les rollovers  allez jeter un oeil il tourne vraiment bien. Le script s'appelle rollover_de_navigation. Il permet d'avoir un roll classique mais en plus il permet de se reperer dans le site.

Voilà.

 :)

cs_mehdibou · Answer

Je sais pas si tu te rend compte, ça fait plus d'un an que ce sujet est terminé... et tu viens faire ta pub dans le forum...

mouarf

@+ et bonn' prog'

Mehdi  :approve)

Plusieurs Rollover sur une meme page

4 réponses

Votre réponse

Discussions similaires