zalenix zalenix - 1 month ago 10
HTML Question

Loading html image description div at specified height before and after image loads

Ok, so I have a page that loads an image onto a div, but it happens after one sec. The image has some description and story related to it that also loads but much faster. In fact the description loads at top of screen, and then "shifts" when the image completes loading. Obviously this is bad. I want such that even if the image hasn't loaded, the description loads exactly where it would be expected to be after the image has loaded.

The structure is:

<div image />
<div description />


Please help so I can go home for the weekend ;)

Answer

There are several ways to solve your problem. I suggest you read this article. There you will find a solution that exactly suits your needs. At least it will reduce image jumping noticeably