2011-10-12 20 views
1

私はここで、このjQueryの回しプラグインを使用しています:jQueryの画像回転の問題

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

をプラグインはIE7、IE8、IE9などで完璧に画像を回転させるようになっている...そして、私は何の問題もなく、画像を回転させることができます。

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

しかし、私はチェーンに問題に直面して(プラグインによって提供された)二つの機能.rotate().animate()だ(jQueryのCORで提供しますe)

上記のjQuery Rotateプラグインは、IE8とIE7で画像を回転するのに、RVMLを使用するのに対し、他のブラウザではCSS3回転です。したがって、RVMLの場合、DOMは操作され、新しいRVMLタグは.animate()機能をサポートしません。

出口がありますか?

$(window).load(function() { 

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

}); 
+0

コメントはありませんJasdeep ....それは – Wazzzy

+0

が、私はこのことをわからないんだけど助けた場合それはあなたが受け入れてください...右必要なものでした可能になるだろう。あなたはIE7/IE8を後にしておくことを考えましたか?それらにアニメーションではなく回転を与えますか? – Spudley

+0

人々は古いブラウザ(IE7は間違いなく、IE8はあまりにも派手なエフェクトでなければなりません)を与えるのを止めなければなりません。これらのブラウザのJSおよびレンダリングエンジンは非常に遅いため、効果の問題だけでなく、UX全体を劣化させます。これはModernizrが作成されたものとまったく同じです。 – Adam

答えて

0

チェックこのアウト

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

$(window).load(function() { 

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

}); 
+0

ありがとうWasim、しかし私は '.animate()'と '.rotate()'を同時に動かすことを望んでいました。今はIE以外のすべてのブラウザでうまく動作します –

+0

そして、 IE8とIE7 –