0

ホバー時に画像を回転させて拡大したい（滑らかに）。私は JqueryRotate を使用して画像を回転させ、拡大には .animate() を使用しています。次のコードを取得しました。

<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 で完璧に動作します...しかし、もちろん IE はピタリです。私は現在IE8でテストしていますが、回転しますが、何らかの理由で拡大しません..回転なしで機能をテストすると、うまく拡大します...したがって、IE8で機能しないのは2つの組み合わせです. 誰かが解決策を知っていますか? どうも

4

1 に答える 1

0

使用しているプラ​​グインのバージョン、つまり 2.2 の jQuery 回転には IE8 のバグがあります。

プラグインのバージョン 3.0 を試してみてください(ダウンロードするにはここをクリック)が、画像のサイズ変更と一緒に使用するとバグが発生します。

これは、プラグインが画像をキャンバスに配置してからキャンバスを回転させるためです。画像のサイズを大きくしようとすると、実際にはキャンバスのサイズが大きくなるため、.hover()関数を適用できる領域が大きくなります。

自分の Web サイトでテストして、IE8 でエイリアンと UFO を確認してください。

私の推奨事項:画像を回転させたい場合は、画像のサイズを変更しないでください。この 2 つは猫と犬のようなものです。

于 2013-04-30T10:27:11.923 に答える