Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : plusieurs Rollover sur une meme page [ Archives / Trucs & Astuces ] (fraggles)

samedi 28 décembre 2002 à 16:53:12 | plusieurs Rollover sur une meme page

fraggles

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);
}
}

}


<u>l'appel a la fonction</u>

<a href="fdd.htm" onMouseover="('image1','roll')" onMouseout="("image1,'init')><img src=.....></a>

Voila, ce code tres simple permet d'ecrire sa propre fonction rollover, pour les moins courageux d'entre vous, vous pouvez utiliser dreamweaver.
A++

lundi 30 décembre 2002 à 14:03:12 | Re : plusieurs Rollover sur une meme page

mehdibou

Pourquoi n'as-tu pas mis ça dans les sources ?
Merci qd mm pr le code :)

@+ et bonn' prog'

Mehdi


-------------------------------
Réponse au message :
-------------------------------

> 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);
> }
> }
>
> }
>

>
> <u>l'appel a la fonction</u>
>
> <a href="fdd.htm" onMouseover="('image1','roll')" onMouseout="("image1,'init')><img src=.....></a>
>
> Voila, ce code tres simple permet d'ecrire sa propre fonction rollover, pour les moins courageux d'entre vous, vous pouvez utiliser dreamweaver.
> A++

lundi 30 décembre 2002 à 14:05:02 | Re : plusieurs Rollover sur une meme page

mehdibou

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


-------------------------------
Réponse au message :
-------------------------------

> Pourquoi n'as-tu pas mis ça dans les sources ?
> Merci qd mm pr le code :)
>
> @+ et bonn' prog'
>
> Mehdi
>
>
> -------------------------------
> Réponse au message :
> -------------------------------
>
> > 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);
> > }
> > }
> >
> > }
> >

> >
> > <u>l'appel a la fonction</u>
> >
> > <a href="fdd.htm" onMouseover="('image1','roll')" onMouseout="("image1,'init')><img src=.....></a>
> >
> > Voila, ce code tres simple permet d'ecrire sa propre fonction rollover, pour les moins courageux d'entre vous, vous pouvez utiliser dreamweaver.
> > A++
>

vendredi 20 février 2004 à 04:27:03 | Re : plusieurs Rollover sur une meme page

cartoongraphist

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



samedi 21 février 2004 à 11:57:58 | Re : plusieurs Rollover sur une meme page

mehdibou

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



Cette discussion est classé dans : images, page, tab, rollover, jpg


Répondre à ce message

Sujets en rapport avec ce message

double rollover.... [ par clement ] Double Rolloverbonjour a tous.voila mon probleme : a l'origine, 2 images( 1 et 2) sur une page.j'aimerai que qd je passe sur l'image 1 il y ait un rol modifier la source de plusieurs images [ par oliviergilbert ] bonjour ! j'ai un gros probleme :-pj'ai une page dans laquelle je veux affichier une grand nombre de photos;dans , j'ai le code suivant (a qqchose prè Cadre dans une images JPG [ par Spacego ] Bonjour à tous,Voilà depuis un petit moment, j'essaye de trouver un moyen d'intégrer un cadre, qui permettrais d'afficher un lien extérieur (HTML), da visualiser une image [ par orionis ] Bonjour,Pour mon site, je voudrais afficher des images à partir d'une page de vignettes.Pour l'instant, la ligne de commande est simplement :<IMG SRC= ouvrir une page générée en js dans une iframe [ par testinfo ] Bonjour,Je débute en javascript, et voilà mon pb: j'ai une page avec des images miniatures et une iframe. Je voudrais que lorsqu'on clique sur une des images [ par sebguess ] j'ai un script qui permet d'ouvrir mes images dans une page popup mais je sia pa comment desactivé le clic droits dans cette page je pense qu'il faut imag [ par alahyaneali ] bonjourj'ai une page web qui affiche une photo "imag.jpg" toute les 5 secondeset il y a un programme derrière qui change la photo en écrasant l'actuel Problème images aléatoires !! [ par fredismyname ] Salut ! J'ai un méchant gros problème frustrant : Le logo et une image aléatoire vont ensemble l'une à côté de l'autre, mais dans les navigateurs ( Image avec netscape 7 [ par octp ] Bonjour,je débute en javascript et j'ai une question qui peut sembler idiote:J'ai un script avec une ouverture de page contenant une imagevar fenetre Affichage d'images [ par Novaslash ] je voudrais afficher les images sur mon site d'une certaine manière, j'explique.En fait, j'aurais au dessus de ma page les images au format vignettes


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



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
Temps d'éxécution de la page : 0,296 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.