JQuery rotate Résolu/Fermé

Question

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 :)



Configuration: Windows 7

pazz · Accepted Answer

$(document).ready(function(){
			$("#img1").rotate({ 
				bind: 
				{ 
					mouseover : function() { 
						$(this).rotate({animateTo:180})
					},
					mouseout : function() { 
						$(this).rotate({animateTo:5})
					}
				}
			});
});

toujour fair un $(document).ready

flav1313 · Answer

Essaye ceci :  

$("#img1").on({   
     mouseover : function() {   
      $(this).rotate({animateTo:55})  
     },  
     mouseout : function() {   
      $(this).rotate({animateTo:0})  
     }  
    });

flav1313 · Answer

Non, car la bibliothèque rotate est un plugin de JQuery.

JQuery rotate

3 réponses

Discussions similaires