"AND" "OR"
Главная Информер Журнал Форум

Как предварительно загрузить картинку перед её показом

Многие сайты используют эффект смены картинок на менюшках при перемещении по ним курсора мышки. Однако, если картинка не успела загрузится с сервера, то эффект теряет свою привлекательность. Чтобы избавиться от этого недостатка, необходимо предварительно загрузить в браузер картинки одновременно со страницей.

Естевственно, что таким способом можно загружать всю графику на вебстраничке. Итак, следующий код необходимо добавить в заголовок страницы:

<SCRIPT LANGUAGE="JavaScript">
function loader()
{
preLoad = new Array();
for (i = 0; i < 5; i ++)
	{
	preLoad[i] = new Image();
	}
	preLoad[0].src = "first.gif";
	preLoad[1].src = "second.gif";
	preLoad[2].src = "third.gif";
	preLoad[3].src = "fourth.gif";
	preLoad[4].src = "fifth.gif";
}
</SCRIPT>

Теперь достаточно в тэг <BODY> добавить ONLOAD="loader()" и пять картинок будут загружаться в массив preLoad и будут готовы к показу.