JQuery rotate
Résolu
TimTim
-
pazz -
pazz -
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 :)
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
-
$(document).ready(function(){
$("#img1").rotate({
bind:
{
mouseover : function() {
$(this).rotate({animateTo:180})
},
mouseout : function() {
$(this).rotate({animateTo:5})
}
}
});
});
toujour fair un $(document).ready -
Essaye ceci :
$("#img1").on({ mouseover : function() { $(this).rotate({animateTo:55}) }, mouseout : function() { $(this).rotate({animateTo:0}) } }); -
Non, car la bibliothèque rotate est un plugin de JQuery.
