Как сделать placeholder'ы под картинки при их загрузке на странице

Кому интересно нашлось решение , высота placeholder'а формируется из css свойства padding-bottom , потом к этому свойству подставляется высота картинки , она берется(возможно) из бд , у них на сайте это свойство рассчитывается в процентах (высота картинки * 100%)/ширину картинки(или ширину контейнера если она совпадает с шириной картинки) , но что бы картинка не занимала все окно , нужно ее обернуть в контейнер , вообщем код ниже . Смысл всего этого просто показать плашки(означает что в них что-то должно быть) когда картинка загружается .

.container{ 
		width: 450px; 
	} 
		.box{ 
			background-color: #444; 
			display: block; 
			position: relative; 
		} 
		img{ 
			height: 100%; 
			width: 100%; 
			position: absolute; 
		}

<div class="container"> 
		<div class="box" style="padding-bottom: высота картинки * 100%)/ширину картинки % "> 
		<img  src="img/1.jpg"> 
		</div> 
	</div>