Pourquoi mon code rotate ne fonctionne pas?

**PhilHype** · 04/11/2013, 10h09

Bonjour à tous voila, j'essaie de faire tourner une image en rond et en continue infini, j'ai le code qui semble convenir, mais rien ne fonctionne.
Pouvez vous me dire quel est le souci dans mon code SVP?.
le voici:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
 
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/css.css" type="text/css" />
 
 
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
 
<script type="text/javascript">
var rotation = function (){
   $("#image").rotate({
      angle:0, 
      animateTo:360, 
      callback: rotation,
      easing: function (x,t,b,c,d){        // t: current time, b: begInnIng value, c: change In value, d: duration
          return c*(t/d)+b;
      }
   });
}
rotation();
 </script>
 
 </head>
 <body>
 
    <img src="https://www.google.com/images/srpr/logo3w.png" id="image" />
 
</body>
</html>

Qu'est ce qui ne va pas dans ce code??

**SpaceFrog** · 04/11/2013, 10h31

le fait que tu ne sais pas ou mettre ton code jquery ...

http://javascript.developpez.com/faq...oduction#Ready

si ton script est lancé correctement sur le ready, les elements sont instanciés et le code fonctionne

http://jsfiddle.net/Rhp6Y/

**NoSmoking** · 04/11/2013, 10h36

Bonjour,
il manque également l'intégration de la bibliothèque jQuery.

**SpaceFrog** · 04/11/2013, 10h43

c'était tellement gros ...

**PhilHype** · 04/11/2013, 11h07

merci de votre répoonse, mais le code pour la bibliotheques jquery a été mise:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>

Il y a le code de la bibliotheque donc et le code d'activation.

Je comprends pas où il manque quelque chose. je n'ai pas besoin de mettre la fonction ready... je vois pas...
qu'est ce qu'il faut que je rajoute.???

**Bovino** · 04/11/2013, 11h10

je n'ai pas besoin de mettre la fonction ready

Ben si justement... parce qu'au moment où le script est interprété (et donc au moment où l'instruction rotation() est exécutée), l'élément auquel s'applique la fonction (#image) n'existe pas dans la page, donc le code ne s'applique à rien.

**PhilHype** · 04/11/2013, 11h13

Olala, Merci a vous.
Tout a fait raison bovino, Il faut mettre la fonction ready, et en plus je pensais que le code Jquery etait donné dans le liens google qui mène vers une bibliotheque de javascript j'ai donc du rajouté la bibliothèque Jquery au dessus.
Merci a vous

Pourquoi mon code rotate ne fonctionne pas?

jQuery

Vue hybride

Discussions similaires

Partager

Partager