JQuery, rotation d'image

Résolu/Fermé
vanzielle Messages postés 16 Date d'inscription mercredi 20 octobre 2010 Statut Membre Dernière intervention 19 janvier 2013 - Modifié par vanzielle le 12/12/2011 à 09:11
vanzielle Messages postés 16 Date d'inscription mercredi 20 octobre 2010 Statut Membre Dernière intervention 19 janvier 2013 - 12 déc. 2011 à 10:52
Bonjour,


Je suis actuellement entrain de développer un menu dont les éléments sont des boutons (images)qui font une rotation lorsque l'on click dessus.

Je m'explique: je ckick sur le bouton 1 celui-ci doit faire par exemple une rotation de 360deg. Lorsque je re-click dessus il refait une rotation de 360deg. Actuellement, mon bouton fait bine la rotation au 1er click, mais au 2è click il ne se passe plus rien.
Je pourrais le faire en flash mais je suis dans une logique d'apprentissage du JQuery.

Voici mon code JQuery:

$(function(){
$angle = 100000080;


$("#move1").click(function() {
$("#fb").rotateAnimation($angle);
/* setInterval("location.reload()", 3000); */
return false;
});


});

Mon code HTML:

<li><a href="#1" id="move1" ><img src="fb.png" height="50px" height="50px" id="fb" /></a></li>

Pourquoi je parle du DOM dans le titre du sujet ? Tout simplement car lorsque la ligne "setInterval("location.reload()", 3000); " n'est pas commenter mon bouton fonctionne pour les clicks suivant. La page ne devrai pas avoir a être recharger pour ce genre d'animation. Je suppose donc qu'il doit se passer quelque chose dans le DOM.


Je suis débutant en JQuery et cela fait maintenant 8h que je me prend la tête et j'arrive a saturation.



Merci a vous pour votre aide.

A voir également:

1 réponse

vanzielle Messages postés 16 Date d'inscription mercredi 20 octobre 2010 Statut Membre Dernière intervention 19 janvier 2013 1
12 déc. 2011 à 10:52
Mon problème est résolut, j'ai fini par trouver la solution.
Il suffisait de réinitialiser l'angle de mon image.

Voici le bout de code correspondant.

$(function(){
$start = 0;
$angle = 100000080;

jQuery("#move1").click(function() {
jQuery("#img1").rotateAnimation($angle);
jQuery("#img1").rotateAnimation($start);
return false;
});

});

Merci pour votre aide.

Cordialement,
2