私は少し曖昧な質問があります。私は自分のコードで次のようにしています:http://jsfiddle.net/PMnmw/2/jquery/javascriptでimgスワップを高速化する方法はありますか?
jsfiddleの例では、スムーズに動作します。画像はすばやくスムーズにスワップされます。しかし、それが私のコードベースにあるときは、明確な遅れがあります。
私はその遅れがなぜ起こっているのか理解しようとしています。 jqueryの構造は上記とまったく同じです。私。 $(document).ready(...)関数の中で、ユーザーが(クラス名に基づいて)imgをクリックしたかどうかを確認してから、jsfiddleと同じコードを実行します。
私はここで何をすべきかを考えようとしています...明らかに私はスワップの権利をやっていない、または私はそれをやることに非常に重いです。これに先立って、私の同僚の一人がAJAXを使ってスワップを行っていましたが、それはもっと重い義務(他のアイコンを手に入れようと完全に本物の要求を受けています...)です。
あなただけの '$(子供が[0])。ATTR( "SRC"、 "http://i.imgur.com/c0fuZ.png")'代わりに隠れると示すのが、試すことができます画像ソースを変更します。それがthoを助けるかどうかわからない、それは私のために両方の方法で円滑に働く。 – Kedor
DOMはjsfiddleのサンプルコードでは非常に小さく、parent()。children()呼び出しのオーバーヘッドは軽微です。私が想定しているコードを見ることがなければ、もっと時間がかかります。親/子の代わりにIDまたはデータIDに基づいて非表示/表示のペアを作成できますか? – tawman
さて、私はそれがプリロードの問題だったと言うつもりでしたが、あなたはすでにこれを行っています。 Firebugや他の開発ツールを使用して、JavaScriptをトレースして、自分の環境で実際に何が行われているかを確認することができます。 –