Здравствуйте у меня картинка состоит из трех пнг наложений
<div id="int_frame">
<ul>
<li>
<img src="/img/interior/floor1.png">
</li>
<li>
<img src="/img/interior/walls1.png">
</li>
<li>
<img src="/img/interior/plintus1.png">
</li>
<div class="door_in">
<img height="100%" src="<?=$doors_in_interior[0]['photo']?>">
</div>
</ul>
</div>
и при загрузке страницы видно как они поочереди загружаются, можно ли сделать чтобы до того как они загрузятся все и составят единое изображение на месте этого блока был бы блок с фоном и может быть прелоудер, раскажите как это осуществить?