Animation!

Bonjour! Est-ce que quelqun sait comment faire pour qu'une animation ne se déclenche que quand on met le pointeur de la souris dessus??? Merci de votre réponse!

Heu, moi je sais faire changer une image par une autre.
DOnc si tu mets une image 1 au passage de la souris ça met l'image 2.
Si c'est un gif, ça correspond à ce que tu cherches.

Donc tout dépend de ce qu'est l'animation (gif, script, flash ?)
Donne plus de détail et je chercherai le script.

Et bien moi je pense a une animation .gif, qui pourait servir aussi de lien.. Enfin je ne suis pas sûr que ça existe.

Ah et bien le script est exactement pour celà cheers

Je n'ai jamais essayé sur un gif animé, mais y'a pas de raison pour que ça ne marche pas !

Code:: 
</script>
</HEAD>



<BODY>

<a href="url1" onmouseover="image1.src='url img2';"
onmouseout="image1.src='url img1';">
<img name="image1" src="url img1" border=0></a>

</BODY>

url img1: url de l'image 1
url img2 : url de l'image au passage de la souris
url 1 : le lien

@+
Quand ça sera prêt, donne moi l'url que j'aille voir le résultat sunny

J'ai du me tromper quelque part... En effet ça me donne ça: http://www.e-monsite.com/skaska/rubrique-1018972.html ...

J'ai mis ce code:

Code:: <HEAD>

<SCRIPT LANGUAGE="JavaScript">


</script>
</HEAD>

<BODY>

<a href="www.e-monsite.com" onmouseover=" http://img158.exs.cx/img158/275/bonus2fr.png.src='http://img158.exs.cx/img158/5706/bonusberu7qg.gif';"
onmouseout=" http://img158.exs.cx/img158/275/bonus2fr.png.src='http://img158.exs.cx/img158/275/bonus2fr.png';">
<img name=" http://img158.exs.cx/img158/275/bonus2fr.png " src="http://img158.exs.cx/img158/275/bonus2fr.png" border=0></a>

</BODY>

J'ai hésité ici:

Code:: ... image1.src ...

. Dois-je mettre l'URL de mon image plus .src?

C'est ma faute, je t'ai mal expliqué et j'ai pris le même nom que les variables d'où la confusion.
Tu dois mettre ce code là :

Code:: 
</script>
</HEAD>



<BODY>

<a href="http://www.e-monsite.com" onmouseover="image1.src="http://img158.exs.cx/img158/5706/bonusberu7qg.gif"
onmouseout="image1.src="http://img158.exs.cx/img158/275/bonus2fr.png">
<img name="image1" src="http://img158.exs.cx/img158/275/bonus2fr.png" border=0></a>

</BODY>

Voilà ! Et j'ai modifié le code plus haut.

Le script marche!!!! L'effet avec l'image est o.k. mais une patrie de script est toujours présente sur la page...

Décidément, j'avais pas les yeux en face des trous !!

Petit ";" en trop et guillemet manquant.

J'ai remodifié le script à copier/coller.

Mille excuses, ça devrait le faire maintenant.

Il y avait toujours un bout de script avec le l'image... Mais j'ai finalement touvé ce code, pour ceux que ça interresse:

Code:: <HEAD>
<SCRIPT LANGUAGE="Javascript1.1">
function lightUp()
{ document.images["homeButton"].src="img2" }

function dimDown()
{ document.images["homeButton"].src="img1" }

function preload() {
var temp=new load("img2","img1")
}

</SCRIPT>
</HEAD>

<BODY onLoad="preload()">

<A HREF="url" onmouseOver="lightUp();" onmouseOut="dimDown();"> <IMG SRC="img1" name="homeButton" width=700 height=500 border=0> </A>

</BODY>

img1=première image
img2=deuxième image
url=lien

En effet, ça donne la même chose en javascript.

Et le résultat, on peut le voir ou ?