onclick et gif animé

Version imprimable

30/09/2009, 23h06
crapaudv

onclick et gif animé

bonjour,

j'auris voulu savoir s'il est possible de déclencher un gif animé grace à un onclick ... ?

Et dans ce cas, quel est le code, s'il vous plait ?
01/10/2009, 06h28
sebhm

Bonjour et bienvenue,

qu'est ce que tu entends par déclencher ?
simplement l'afficher ?
L'image est deja chargée dans la page ? masquée ?
où veux tu l'afficher ?
01/10/2009, 08h42
andry.aime

Bonjour et Bienvenue sur Developpez ;)
A ma connaissance, un gif animé s'anime d'est l'ouverture de la page.
Crées un autre fichier gif en prenant le premier image du gif animé, ensuite dans le onclick du gif, tu remplace son attribut src par l'adresse du gif animé.
01/10/2009, 15h04
crapaudv

C'est ce que j'ai fait mais ça ne fonctionne pas ... :

Citation:

<a href="accueil.html"><img src="Logopart2.jpg" name="image" class="logo2" onmouseover="this.src='logo28.jpg';" onmouseout="this.src='Logopart2.jpg';" onclick="this.src='logoanimé.gif';"/></a>
02/10/2009, 10h12
andry.aime

Citation:

<a href="accueil.html">

Code:

<a href="accueil.html" onclick="return false;">

Pour inhiber le lien.
02/10/2009, 13h15
crapaudv

Le lien ne fonctionne plus et le gif ne s'active toujours pas ... '-_-
Tout de meme merci beaucoup pour les idées !

Peut etre faudrait il retarder le lien plutot que de l'inhiber ... ?

Bonjour,
Je ne comprend pas pourquoi tu veux animer le gif quand la page va charger?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<title>essai</title>
<script type="text/javascript">
        function changer()
        {
                document.getElementById('im').onmouseover="";
                document.getElementById('im').onmouseout="";
                document.getElementById('im').src='logoanimé.gif';
                setTimeout('window.location.href=\'accueil.html\'',10000);
                return false;
        }
</script>
</head>
<body>
<a href="#" onclick="changer()">
<img src="Logopart2.jpg" name="image" id='im' class="logo2" onmouseover="this.src='logo28.jpg';" onmouseout="this.src='Logopart2.jpg';" />
</a>
</body>
</html>

Le deuxième paramètre de setTimeout est la durée en milliseconde avant de charger la page accueil.html .
Ce code est testé.
A+.

04/10/2009, 22h26
crapaudv

Merci beaucoup ça fonctionne !

Par contre le gif est plus lent que normalement ...