| |
|
|
| | Ребята, подскажите как избежать эффекта загрузки фонового изображения для ссылки, т-е есть картинка ссылка для которой задано событие css hover при наведении...Я заметил, что картинка в таком случае с первого раза как бы "грузиться с тормозами"... | |
| |
|
|
| |
|
|
| |
для: OLi
(04.03.2011 в 22:39)
| | | Первый раз в первый класс, что ли? :-)
Всякую картинку, которая используется для "ролловеров" (это ссылки или что-то иное, что меняет фон или картинку при наведении/отведении мыши), необходимо ПРЕД_ЗАГРУЗИТЬ в кеш браузера.
И тогда никакого тормоза не будет.
Делается это либо чистым HTML, либо JS.
Чистый HTML: в самом начале, после <BODY> прописываете:
<div style="display: none">
<img src="URL_картинки_№1_используемой_в ролловере">
<img src="URL_картинки_№2_используемой_в ролловере">
...
<img src="URL_картинки_№последний_используемой_в ролловере">
</div>
|
JS-вариант: в хедере (между тегами <head> и </head>) прописываете скриптовой блок (именно ТАК - безо всяких функций и безо всякого ожидания окончания загрузки. СРАЗУ и в ГЛОБАЛЕ):
<script>
var img_1 = new Image (); img_1.src = 'URL_картинки_№1_используемой_в ролловере';
var img_2 = new Image (); img_2.src = 'URL_картинки_№2_используемой_в ролловере';
...
var img_LOST = new Image (); img_LOST.src = 'URL_картинки_№LOST_используемой_в ролловере';
</script>
|
| |
| |
|
|
| |
|
|
| |
для: Абырвалг
(04.03.2011 в 23:18)
| | | Еще есть возможность предзагрузки через CSS. Несколько раз видел, но никогда не пользовался. Всегда JS-вариант юзал. Потому как html блокирующий - во-первых, а во-вторых, не все браузеры вроде загружают картинки, которых не видно, сразу. | |
| |
|
|
| |
|
|
| |
для: OLi
(04.03.2011 в 22:39)
| | | css sprites | |
| |
|
|
