jQueryを使用してCSSを挿入した後にロードされた背景イメージを検出する方法

Question

私は解決策を見つけるために長時間googledしましたが、最後は失敗しました。

私はjQueryのlibにと書かれたJavaScriptコードを持っている：

は、ここに以下の私の詳細に問題が来ます。

$('<link id="userCSS" rel="stylesheet" href="'+link+'" type="text/css" charset="utf-8">').insertAfter("title"); 

CSSファイルを他の場所から動的に読み込むことができます。

そして、誰かのサーバーによって生成されたファイルは人とは異なるため、このようなランダムなCSSのセグメントが持っている可能性がありますので、

body,html { 
    background:#000 url(http://i43.tinypic.com/xxxx.jpg) top left no-repeat; 
    font-family:Arial,Verdana,sans-serif; 
    font-size:12px; 
} 

を、ここでの問題は、来ます！私は、バックグラウンドイメージがロードされたときにonloadイベントをトリガーできることを願っていますが、私は望みを持ってすべての方法を試しました。

誰もこれに関連するいくつかの経験があり、私に手を差し伸べる人はいませんか？ありがとう：]

Answer 1

私は、カッコ内に完全なURLを抽出し、次にイメージオブジェクトを作成し、そのURLにソースを設定して、あなたが望むアクションをonloadにバインドすることをお勧めしますその画像のために。私はそれがうまくいくわけではありませんが、私は背景と新しいイメージオブジェクトの両方に対して一度だけイメージがダウンロードされ、正しい時間にイベントを発生させると信じています。

イメージオブジェクトが作成される前に、バックグラウンドのイメージがダウンロードされる場合は、event.special.load pluginも使用する必要があります。それが起こると、onloadイベントが正しく処理されないかもしれないキャッシュから来るでしょう。