ページ上のすべての画像をプリロードしたい。
私のページには、リンクとして直接使用される画像、つまりimg
タグ内のタグとして使用される画像と、一部のスパンa
のプロパティにある画像があります。background-image
それらすべてをプリロードする最良の方法は何ですか? 多くのプリロード スクリプトは、イメージがイメージ タグ内にロードされることを想定しているように見えます。たとえば、次のスクリプトを実装しました: http://www.javascriptkit.com/javatutors/preloadimagesplus.shtml
しかし、ホバーしたときに特定のスパンに新しい背景が必要な私のページでは違いはありません。ユーザーが要素の上にカーソルを置いたときに、正しい画像の背景が表示される前に、ページにまだ一時停止があります。
編集
スプライトの使用については知っています。私の質問は、スプライト以外の解決策を求めていることです。