JQuery, rotation d'image [Résolu/Fermé]

Signaler
Messages postés
16
Date d'inscription
mercredi 20 octobre 2010
Statut
Membre
Dernière intervention
19 janvier 2013
-
vanzielle
Messages postés
16
Date d'inscription
mercredi 20 octobre 2010
Statut
Membre
Dernière intervention
19 janvier 2013
-
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.

1 réponse

Messages postés
16
Date d'inscription
mercredi 20 octobre 2010
Statut
Membre
Dernière intervention
19 janvier 2013
1
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
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 86817 internautes nous ont dit merci ce mois-ci