.photo_container
を保持する親divがあり、 CSS属性を使用してimg
このディメンションに拡張されます。img
display: inline-block
問題:ページには多くの.photo_container
divがあり、画像の読み込みには時間がかかるため、すべてのimg
読み込みの前に、ページは小さな未ストレッチのdiv(数ピクセルのパディング)で埋められてから、それぞれに対応するように拡張さimg
れます1つずつロードします。
img
子がロードされたときにサイズを変更する必要がないように、divを正しいサイズに「事前ストレッチ」することは可能ですか?
これは、画像が読み込まれる前(醜い!)と後の様子を示しています。
コード:
<div class="photo_box">
<img src="..." />
</div>