IE7、IE8和IE9中的jQuery旋转图像问题

Question

我在这里使用这个jQuery旋转插件：

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

该插件被认为可以完美地旋转IE7，IE8，IE9等格式的图片。我可以毫无问题地旋转图像：

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

然而，我在链接两个函数.rotate() (由插件提供)和.animate() (由jQuery核心提供)时遇到了问题

问题是上面列出的jQuery Rotate插件使用RVML在IE8和IE7中旋转图像，而在其他浏览器中使用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);

 });

Answer 1

看看这个

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

$(window).load(function() {

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

});