jQuery旋转和容器尺寸

Question

我正在使用jQuery rotate插件来旋转图像。问题是，当图像旋转时，它会从容器的边界出来，因为容器的宽度和高度不会更新。

有没有更新容器尺寸呢？如果你想看看应用程序，你可以go here。上传图片并按旋转查看问题。

Answer 1

有一个回调函数，当动画完成后，将被称为。在此功能，您可以重置IMG容器的宽度和高度是这样的（未测试）：

var img = $('#img'); 
var cont = img.parent(); 
img.rotate({bind:{ 
     click: function(){ 
      $(this).rotate({ 
      angle: 0, 
      animateTo:180, 
      callback: function(){ 
       cont.css({ width: img.css('height'), height: img.css('width') }); 
      } 
      }) 
     } 
    } 
});