Sujet Précédent Sujet Suivant

JQuery rotate

Résolu/Fermé
TimTim - 20 avril 2012 à 01:10
 pazz - 20 avril 2012 à 10:57
Bonjour,

Grâce à un précédent sujet j'ai réussi à mettre en place un petit truc bien sympathique que voici :

http://test-javascript.net46.net/

J'ai cherché ensuite à tourner une image à l'aide du plug-in JQuery Rotate pour éviter le CSS et maximiser la compatibilité avec les autres navigateurs.
J'ai aussi voulu faire en sorte que l'image se mette droite en mouseover, puis redevienne penchée en mouseout.
En gros : l'image est légèrement penchée de base (-5deg), deviens normale au mouseover et se repenche au mouseout

Tout est expliqué ici (exemple 1 et 2) :
http://code.google.com/p/jqueryrotate/wiki/Examples
Malgré cela je n'arrive pas à mettre en place... Je suis décidément une véritable bille en Javascript.

Vous pourrez regarder le code que j'ai mis en place avec un petit ctrl+U sur le site.
Merci a ceux qui m'apporteront leur aide :)



3 réponses

Réponse 1 / 3
pazz
20 avril 2012 à 10:41
$(document).ready(function(){
$("#img1").rotate({
bind:
{
mouseover : function() {
$(this).rotate({animateTo:180})
},
mouseout : function() {
$(this).rotate({animateTo:5})
}
}
});
});

toujour fair un $(document).ready
2
TimTim
20 avril 2012 à 10:53
Juste pour une ligne que j'avais complètement zappée...
Je suis tellement, mais tellement naze ! -_-

Merci pour la solution, ça marche parfaitement !
(Et merci quand même à flav1311 pour ton aide ;p )
0
flav1313 Messages postés 751 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 22 octobre 2012 100
20 avril 2012 à 10:57
De rien =)
0
pazz
20 avril 2012 à 10:57
Derien ;)
0
Réponse 2 / 3
flav1313 Messages postés 751 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 22 octobre 2012 100
Modifié par flav1313 le 20/04/2012 à 09:35
Essaye ceci : 

$("#img1").on({   
     mouseover : function() {   
      $(this).rotate({animateTo:55})  
     },  
     mouseout : function() {   
      $(this).rotate({animateTo:0})  
     }  
    });
1
TimTim
20 avril 2012 à 09:46
Ca ne fonctionne pas :/
J'ai mis à jour le code avec la solution proposée sur le site.

Par contre, j'ai trouvé un autre site :
http://code.google.com/p/jqueryrotate/

Ca serait peut-être un problème de compatibilité avec ma version JQuery ?
Je vais d'enlever le draggable pour tester !
0
TimTim
20 avril 2012 à 10:00
Après tentative de faire juste une image sans aucune autre fonction JQuery, ça ne fonctionne toujours pas...
Je sais pas ce que j'ai avec Javascript mais c'est pas mon pote par moments :D
0
flav1313 Messages postés 751 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 22 octobre 2012 100
20 avril 2012 à 10:06
Peux-tu m'envoyer les sources de ta page ?
0
TimTim
20 avril 2012 à 10:17
Tu ne peux pas les voir avec ctrl + U ?
0
Réponse 3 / 3
flav1313 Messages postés 751 Date d'inscription mardi 24 août 2010 Statut Membre Dernière intervention 22 octobre 2012 100
20 avril 2012 à 09:56
Non, car la bibliothèque rotate est un plugin de JQuery.
0

Discussions similaires

Fonction rotate tkinter python
ol3256457 -
mamiemando -

4 réponses
jquery: refresh element enfant après ajax
snipchain -
snipchain -

2 réponses
Redirection Jquery onclick
Vitaly58 -
Vitaly58 -

4 réponses
jQuery & Regex
ameb2908 -
Whismeril -

3 réponses
Rotation d'image sur tkinter
Yolnit -
yg_be -

8 réponses