重複の可能性:
プリロードされた画像が Chrome に表示されない
Javascript を使用して動的に表示する画像がいくつかあります。
$('<img src="42.png" />').appendTo(...)
ドキュメントの別の場所に表示することで、これらの画像をプリロードしています。
...
<img src="41.png">
<img src="42.png">
<img src="43.png">
...
私は visibility:hidden や display:none などを使用していないことに注意してください。これらの画像は実際に見ることができます。
ただし、これは効果がないように見える場合があります。画像を動的に表示すると、リクエストが実際にサーバーに送信されていることがわかります...ページの他の場所に既に表示されている画像がはっきりと見えます。
この場合、Chrome の動作が明確に定義されておらず、画像を確実にプリロードしたい場合は、HTML5 オフライン サポート / アプリ キャッシュ / ローカル ストレージなどを検討する必要があるという話の教訓はありますか? 何か不足していますか？