jQuery Rotate Image Issues in IE7, IE8 and IE9

Question

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,
         animateTo: -90,
         duration: 2000,
         easing: $.easing.EaseOutQuint
     }).animate({
         height: "128px",
         width: "128px"
     }, 1000);

 });

Answer 1

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);
        }
     })

});