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++
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.
