JS + CSS Под загрузка фонового изображения
 

Доброго времени суток.
Столкнулся с задаче создать под загрузку фонового изображения в кеш а после показа его пользователю на форумах по html возможных вариантов не нашел, возможно тут кто подскажет.

Пробовал такой вариант: http://ruseller.com/lessons.php?rub=28&id=476

Фоновое изображение прописано в таблице стилей (css)

...
#sectmain {
	width: 100%;
	background-color: #d9d9d9;
	background-image: url(images/fon.jpg);
    	background-size: cover;
	background-position: center center; 
	background-repeat: no-repeat;
}
...

Есть возможности соединять JS с CSS так чтобы не прописывать фоновое изображение в теле документа а оно работало из css?

Те кто пользуются Facebook видели как загружаться фотографии, сначала не четкое изображение и после под загружаются в хорошем качестве, если вариант такой под загрузки изображение в кеш в плохом качестве и показе его пользователю и после до загрузки в хорошем?