Подгрузка изображений

#my.img{
background-image:url(data:image/png;base64, --[ТУПО СОДЕРЖИМОЕ ФАЙЛА В АБРЕКАДАБРЕ]-- )
}

Здесь пример для png файла
 
В заголовок документа пишем js код или подключением ссылку.
Код: 
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
window.onload = function () {
document.body.style.visibility = 'visible'
}
/*]]>*/
</script>
Код сделает тело документа видимым

И ещё пишем сразу в теле документа, т.е. сразу после открытия тега <body> js код или вставляем ссылку
Код: 
/*<![CDATA[*/
document.body.style.visibility = 'hidden'
/*]]>*/
Таким образом, сначала произойдёт загрузка документа а потом его вывод.

Или картинки все в один файл и с помощью css background-position менять их
 
Зачем нагружать сайт подгрузками, скриптами и т.д. Проще в CSS сделать, в одном изображении две картинки, и показывать с помощью псевдокласса ту часть картинки которая нужна при наведении.
 
Лучше всего это использование спрайтов, но они лучше всего для статических изображений. Т.е. если это динамический контент, то тут уже нужно копать в сторону Js
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху