1

背景画像を変更するために、設定された間隔でプリロードされた画像の配列間を回転するスクリプトがあります。トランジション ( transition: background-image 2s ease) を使用して回転をクロスフェードさせていますが、これは現在 Chrome でのみサポートされています。

jQuery を使用してスクリプトを変更し、要素をアニメーション化してフェードアウトさせ、ソースを変更してからフェードインすることができますが、このスクリプトを有効にすると Chrome の動作が上書きされます。副次的な質問として、jQuery を使用してクロスフェードをエミュレートすることは可能ですか?

Chrome に CSS トランジションの使用を許可し、他のすべてのブラウザに jQuery アニメーションの使用を強制するにはどうすればよいですか?

私は Modernizr を使用していますが、他のほとんどの最新のブラウザーは のcsstransitionsような特定の遷移をサポートしていなくてもクラスを取得するため、機能検出は機能しないと思いますbackground-imageが、誰かが私が間違っていることを証明できれば幸いです。

4

1 に答える 1

1

ナビゲーター オブジェクトを使用して、クライアントがクロム ブラウザー広告であるかどうかを確認し、コードを条件の下に置くことができます。

$.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase()); 
if($.browser.chrome){
/*code for chrome browser*/

}
else{
/*code for other browser*/
}

この助けを願っています

于 2013-03-07T08:14:11.637 に答える