2011-10-12 4 views
1

J'utilise ce jQuery Rotation Plugin ici:jQuery Rotation des problèmes d'image dans IE7, IE8 et IE9

http://code.google.com/p/jqueryrotate/

Le plugin est censé faire pivoter les images parfaitement dans IE7, IE8, IE9 etc .. Et Je peux faire pivoter les images sans aucun problème:

http://jsfiddle.net/zmpdS/101/

Cependant, je suis confronté à des problèmes de chaîne à deux fonctions .rotate() (fournies par le plug-in) et .animate() (fourni dans jQuery cor e)

Le problème est que le plugin jQuery Rotate listé ci-dessus utilise RVML pour faire pivoter des images dans IE8 et IE7 alors que dans d'autres navigateurs c'est CSS3 Rotations. Ainsi, pour RVML, le DOM est manipulé et les nouveaux tags RVML ne prennent pas en charge la fonction .animate().

Y a-t-il un moyen de s'en sortir?

$(window).load(function() { 

    $("#test").rotate({ 
     angle: 0, 
     animateTo: -90, 
     duration: 2000, 
     easing: $.easing.EaseOutQuint 
    }).animate({ 
     height: "128px", 
     width: "128px" 
    }, 1000); 

}); 
+0

Aucun commentaire n'a été Jasdeep .... C'est ce que vous avez besoin bien ... S'il vous plaît accepter si elle a aidé – Wazzzy

+0

je ne suis pas sûr que ce va être possible. Avez-vous envisagé de laisser IE7/IE8 derrière vous? en leur donnant la rotation mais pas l'animation? – Spudley

+0

Les gens doivent cesser d'essayer de donner des navigateurs plus anciens (IE7 est définitivement hors de question, IE8 devrait l'être aussi) "effets flashy". Les moteurs JS et de rendu de ces navigateurs sont si lents qu'il dégrade l'UX entier, pas seulement celui de l'effet. C'est précisément pour cela que Modernizr a été créé. – Adam

Répondre

0

Check this out

http://jsfiddle.net/zmpdS/103/

$(window).load(function() { 

    $("#test").rotate({ 
     angle: 0, 
     animateTo:180, 
     callback: function(){ 
      $("#test").animate({ 
       height: "128px", 
       width: "128px" 
      }, 1000); 
     } 
    }) 

}); 
+0

Merci Wasim, mais je voulais avoir à la fois '.animate()' et '.rotate()' courir simultanément .. En ce moment, il fonctionne très bien sur tous les autres navigateurs sauf IE –

+0

Et ça ne fonctionne toujours pas bien dans IE8 et IE7 –