load content and then load the corresponding images?

I have bunch of 10 contacts to be shown . I want first to load the contacts so that the user can see the information and then corresponding images .

I开发者_如何学JAVA have the following HTML

<table id="contactsTable" data-role="listview" data-dividertheme="c">
<tr><td>
<table id="imagesTable" data-role="listview" data-dividertheme="c"></table>
</td><td>
<table id="displayNamesTable" data-role="listview" data-dividertheme="c"></table>
</table>
</div>

But when i load the content through json , the content keeps shifting down as the images are being loaded .I am not sure how to handle it . Right now body on load i have a js function which parses the contacts,displays the contacts and then parses the images . Thanks all .

If you give the images width and height attributes they won't change size when the image data arrives.