15 мая 2023 года "Исходники.РУ" отмечают своё 23-летие!
Поздравляем всех причастных и неравнодушных с этим событием!
И огромное спасибо всем, кто был и остаётся с нами все эти годы!

Главная Форум Журнал Wiki DRKB Discuz!ML Помощь проекту


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

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

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

<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 и будут готовы к показу.