JQuery在IE中旋轉+動畫

我想旋轉並放大懸停（平滑）上的圖片。我正在使用JqueryRotate旋轉圖片和.animate（）的放大。我得到了下面的代碼：JQuery在IE中旋轉+動畫

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script src="scripts/jQueryRotateCompressed.2.2.js"></script> 
<script type="text/javascript"> 

$(document).ready(function(){ 
    $("#test").hover(
    function(){ 
     $(this).rotate({animateTo:30}) 
     $(this).stop().animate({width:'90px',height:'90px'}, 500); 



    }, 
    function(){ 
     $(this).rotate({animateTo:0}) 
     $(this).stop().animate({width:'34px',height:'34px'}, 500); 


}); 
}); 
</script>

----->我的頭碼

<body> 
<img id="test" src="images/facebook.png" /> 
</body>

現在這個工作在Firefox，Chrome和Safari完美......但ofcourse IE是一個皮塔。我現在正在測試IE8，它確實旋轉，但它不會因爲某些原因放大。如果我測試函數沒有旋轉，它放大就好了...所以它是2的組合，不工作IE8。有人知道解決方案嗎？ thx

來源

2013-04-30 fumpr

如果您在爲包含圖片的div設置動畫，請嘗試在css中將圖片寬度/高度設置爲100％，以便它適合div。 – Mysteryos 2013-04-30 07:49:36

這不是問題，它可以在所有瀏覽器中正常工作，但在IE中它只是旋轉，但它不會放大... 請查看我的工作示例，以便了解我的意思：http://jsfiddle.net/ Xn2ep/ – fumpr 2013-04-30 07:55:09

您使用的插件的版本，即2.2的jQuery旋轉有IE8的錯誤。

請嘗試3.0版本的插件工作(click here to download)，但與調整圖像大小一起使用時會出現錯誤。

這是由於插件將圖像放在畫布中然後旋轉後者。當您嘗試增加圖像的大小時，實際上會增加畫布的大小，因此會增加可應用此功能的區域。

在您自己的網站上測試IE8上的外星人和不明飛行物。

我的推薦：如果您想旋轉圖像，請不要調整圖像大小。這兩個就像貓和狗。

來源

2013-04-30 10:27:11 Mysteryos

thx的評論。我只是在IE8中測試它，我得到了一輛越野車動畫:)。這很奇怪，像這樣的簡單的東西不能在IE中工作。我想我必須創建其他動畫。 – fumpr 2013-04-30 10:33:07

JQuery在IE中旋轉+動畫

回答

相關問題