ページの上部に大きな画像スライダー（FlexSlider）があり、その下に4つの画像が2行あり、各画像にキャプションが重なっているホームページがあるWebサイトがあります。
現在、ページが初めて読み込まれると、画像スライダーのすべての高解像度画像が、その下にある8つの小さい画像の前に読み込まれます。この結果、すべてのスライダー画像が読み込まれている間、醜いキャプションがすべて重なり合っており、すべてのスライダー画像が読み込まれると、後続の画像が最終的に読み込まれ、ページは正常に見えます。
スライダー画像を最後にロードする方法はありますか？
CSSだけでこの問題を解決できる方法はわかりません。Javascriptにアクセスできる場合は、解決がはるかに簡単になります。
軽量のデフォルトのバナー画像を使用する：読み込みが非常に速く、読み込み中にスライダー画像のプレースホルダーとして機能するもの。
Javascript onload：ページが完全にレンダリングされた後、Javascriptを使用して画像の置換を開始します。レイアウトが良好に見えることを確認するプレースホルダーがあり（フォントのマッシングや、ロードされた画像がないためにレイアウトが壊れることはありません）、画像の準備ができたらきれいに置き換えられます。
レンダリングのブロックやレイアウトの混乱はありません。一部のJavascript（マイナー）および一般的なバナー画像の追加のオーバーヘッド（高度に最適化されている場合はマイナーである必要があります）。