при загрузке страницы видна постепенная загрузка фото
 

Здравствуйте у меня картинка состоит из трех пнг наложений

<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>

и при загрузке страницы видно как они поочереди загружаются, можно ли сделать чтобы до того как они загрузятся все и составят единое изображение на месте этого блока был бы блок с фоном и может быть прелоудер, раскажите как это осуществить?

установить люой html код (прелоадер) который будет отображаться пока картинка загружается
затем создать загрузить картинку

var loadImageArray = [];
loadImageArray[0].src = "http://АресИзображения.com"
loadImageArray[0].onload = function ФункцияКотораяЗаменяетПрелоадерНаИзображение (){};

Ну или создать три картинки и дождаться когда они все загрузятся
т.е. у трех объектов img наступает событие onload

Только прелоадер с помощью js цепляй. В итоге если js отключен - картинки все равно отобразятся, только без прелоадера.