2012-01-31 18 views
0

を使用します。jQueryの画像回転、私はあなたがdiv要素にカーソルを合わせると、それは別のdivに回転する画像をトリガーするようにそれを作るしようとしています「jQueryRotate」プラグイン

私はここでhttp://code.google.com/p/jqueryrotate/

はjsFiddleで私のコードで、このプラグインを使用しようとしています。緑色の四角形はCSS3を使って回転していますが、IE9 +をサポートする必要があるので、jQueryを使用してそれを行う必要があります。

青い四角は、jQueryを使ってアニメーション化しようとしているものです。この例では、画像をjQueryで回転させることはできません。

http://jsfiddle.net/D6HQR/

任意のjQueryのウィザードは私を保存してください可能性が私は本当に、私が間違っているの何見当がつかない!!!!

UPDATE

http://jsfiddle.net/HAqQT/

私は今、しかし、それはIE9で動作していない、jQueryRotateプラグインの作業を持っています。ウェブサイトはそれは青い四角が連続のjQueryを使用して回転している現時点ではIE6 +

のために働くべきであると述べているあなたはCSS3を使用して、ボタンにカーソルを合わせると、緑色の四角形が回転します。

誰もがjQueryのIE9 +で機能しない理由を見ることができますか?

UPDATE 2

http://jsfiddle.net/tpHdg/

コード更新、青い四角は今、あなたが置くとスピンあなたはオフに置くと停止します。

はまだIE9の互換性のために助けを求めて。

最終更新助けたすべての人に

おかげで、最後に私はゆっくりとそれを介して自分の道を働きました。 IE9で動作していなかったのは、ActiveXフィルタの設定のためです。

今のところ私はjQueryバージョンが動作していますが、サポートされている場合はCSS3バージョンがあります。あなたがここに両方の​​バージョンをチェックアウトしたいのであれば、リンクがあります...あなたのプロジェクトに役立つならば、コードを再利用してください!

http://mathewhood.com/misc/css3/rotate/ - CSS3 http://mathewhood.com/misc/js/rotate/ - 再びJS

ありがとう!

+0

私は専門家ではないので、私は本当にあなたを助けることはできませんが、あなたの答えを得るのに時間がかかることがわかります。 Firefoxのプラグインfirebuxを使って試してみることをお勧めします。これはjavascriptのデバッグに役立ちますので、間違いを早く見つけることができます。 – ppp

+0

返信いただきありがとうございます!私は少し周りを果たしているとjQueryが動作するように回転させる持っているが、残念ながらそれはIE9で動作していない:( 私はこれを示すために、新しいjsFiddleと私のオリジナルのポストを更新します。 –

+0

私はあなたのコードを見てみたいです – ppp

答えて

0

私はプラグインの例に基づいていくつかのコードを働いてきた: http://jsfiddle.net/MJyFf/

Psの:あなたの改訂コードはIE9で働いています。
Ps2の。:私の例の青い四角をホバー

+0

私はIE9で自分のコードをもう一度チェックし、同僚にチェックを受けましたが、IE9上ではどちらもうまく動作しません。 あなたと 私はまだIE9で動作しているとは思わない:/ –

+0

あなたのjsfiddleリンクにアクセスすると、青いスクイーズが回転しています。CSS3は動作しませんが、jQueryはローテーションします – rcdmk

+1

ちょっとヒント:jsfiddle you d HTMLでインポートjqueryを行う必要はありません。これは左側のサイドバーで行うことができます。必要なバージョンを選択することもできます。 – rcdmk

関連する問題