开发者

jQuery Rotate Image Issues in IE7, IE8 and IE9

开发者 https://www.devze.com 2023-04-12 08:41 出处:网络
I\'m using this jQuery Rotate Plugin here: http://code.google.com/p/jqueryrotate/ The plugin is supposed to rotate images flawlessly in IE7, IE8, IE9 etc.. And I can rotate images without any probl

I'm using this jQuery Rotate Plugin here:

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

The plugin is supposed to rotate images flawlessly in IE7, IE8, IE9 etc.. And I can rotate images without any problems:

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

However, I'm facing problems to chain two functions .rotate() (provided by the plugin) and .animate() (provided in jQuery core)

The problem is that jQuery Rotate plugin listed above uses RVML to rotate images in IE8 and IE7 whereas in other browsers it's CSS3 Rotations. So, for RVML the DOM is manipulated and the new RVML tags doesn't support .animate() function.

Is there a way out?

 $(window).load(function() {

     $("#test").rotate({
         angle: 0,
         animat开发者_StackOverflow社区eTo: -90,
         duration: 2000,
         easing: $.easing.EaseOutQuint
     }).animate({
         height: "128px",
         width: "128px"
     }, 1000);

 });


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

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号