Как ускорить процесс?
Вопрос знатокам верстки....
Есть картинка, при наведении на которую меняется на другую. При наведении происходит задержка, так как за картинкой приходиться идти на сервер. Как можно сделать этот процес быстрее, то есть чтобы каждый раз при наведении, картинка бралась не с сервера, а у пользователя, так как уже была скачена???
Причем в Опере все нормально, а вот в IE как-то глючит(задержки).
Догадавыюсь, что нужно как-то грамотно работать с cache-ем, но как не знаю?
Вразумите:( .....
Для данной картинки включит её кэширование на стороне клиента. Конкретная реализация зависит от скриптового языка (PHP?JS?).
Пишем на php, как это сделать на php???
Пишем на php, как это сделать на php???
Никак.
Либо JS, либо помещать картинки в div, находящийся за пределами экрана:
Также можно объединить обе картинки, нормальную и подсвеченную. Полученную картинку использовать как фоновый рисунок для ссылки, при наведении изменять background-position.
Посмотрите как это работает на примере http://alistapart.com/.
Никак.
Либо JS, либо помещать картинки в div, находящийся за пределами экрана:
Также можно объединить обе картинки, нормальную и подсвеченную. Полученную картинку использовать как фоновый рисунок для ссылки, при наведении изменять background-position.
Посмотрите как это работает на примере http://alistapart.com/.
ри таком построение скрипта:
<SCRIPT language="JavaScript">
<!--
function preload(img) {
for (i in img){
im = new Image();
im.src = img;
}
}
arr = new Array (".images/menu.png",".images/smenu.png",".images/zmenufon.png", ".images/zsmenu.png");
//-->
</SCRIPT>
<body onLoad='preload(img);' >
Картинки в меню задаются в бэкграунде (<td background: url(.images/menu.png)" onmouseover="style.backgroundImage='url(.images/smenu.png)'" onmouseout="style.backgroundImage='url(.images/menu.png)'">)
прелоада не происходит. Т.е. при смене картинки в бэкграунде обращение идет опять к серверу. Это как-то можно исправить?