このjQueryスライダはどのように最適化できますか？ （遅い、遅い）

Question

私はJavascript/jQueryスクリプトを書いています。その目的は、応答性の高い背景画像スライダとして機能することです。

ここは閲覧可能です： http://new.upserver.co.uk/rbis/

私の質問はこれです。

コードは正しく機能しますが、遅くなることがあります。特に、追加のアニメーション関連のプラグインが同じページに表示されている（例：ニオスライダー）。

チャンクの多い画像を扱う多くの類似のスライダが楽に演奏し、このコードがどのように優れたパフォーマンスを発揮するように最適化できるか心配していますか？問題のjavascriptはファイルにありますhttp://new.upserver.co.uk/rbis/rbis.js

すべてのご意見ありがとうございました。 よろしくお願いします。

Answer 1

jQueryアニメーションは、ほとんどアニメーションを提供するための適切なツールではありません。私が最近作成した、このやや工夫した例を見てみましょう：http://css3.bradshawenterprises.com/demos/speed.php。

通常のブラウザでCSSトランジションを使用することをお勧めします。以前のブラウザではjavascriptを使用して従来の方法を使用することをお勧めします。

これを行うには、http://playground.benbarnett.net/jquery-animate-enhanced/のようなものを使用するのがよい方法ですが、それにはいくつか問題があり、代わりに自分の方法を使用します。