Предзагрузка картинок

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

На самом деле, предзагрузка выполняется удивительно просто. В самом начале страницы вставляется небольшой скрипт:

<script language=JavaScript>
pic = new Image();
pic.src="test.jpg";
</script>

где test-jpg – предзагружаемая картинка, которая не отображается на странице, но в любой момент ее можно отобразить без дополнительного ожидания загрузки изображения.

Приведу достаточно простой пример, что бы вы разобрались, зачем же вообще необходимо использовать предзагрузку изображений:

<script language=JavaScript>
pic = new Image();
pic.src="sea_2.jpg";
</script>

<img src="sea_1.jpg" style='cursor: hand' onclick='this.src=pic.src'>
<img src="sea_1.jpg" style='cursor: hand' onclick='this.src="sea_3.jpg"'>

Изображения sea_2.jpg и sea_3.jpg абсолютно идентичны, но изображение sea_2.jpg уже хранится в переменной pic.

При нажатии на первую картинку, другая картинка отобразится моментально, так как она уже загружено, при нажатии на вторую – придется некоторое время подождать, пока она будет загружено

Живые меню или Как сделать красиво с помощью CSS и JavaScript

14-03-2009

Наверное, никто не сможет поспорить с утверждением, что главное в любой web-страничке - удобство для пользователя. После того, как мы выложили наше творение в сеть, мы сразу начинаем предпринимать массу усилий для того, чтобы привлечь на свой сайт максимум посетителей... подробнее Комментарии: 0 Кол. просмотров: общее - 5624 сегодня - 0

Локальная баннерная система

14-03-2009

Этот скрипт поможет вам организовать на своем сайте или страничке баннерную систему. Первый фрагмент вы вставляете в любое место странички... подробнее Комментарии: 0 Кол. просмотров: общее - 4746 сегодня - 0

Локальная реклама

14-03-2009

В Internet Zone-154 была небольшая заметка Локальная баннерная система. Автор - Вадим Беляков (http://tuta.da.ru) предлагал поставить на страничку баннер, используя небольшой javascript. Я прочитал этот номер лишь в середине апреля. Мне сразу же пришло в голову использовать его для текстовой рекламы... подробнее Комментарии: 0 Кол. просмотров: общее - 5099 сегодня - 0

Использование JS для создания «умных» форм

14-03-2009

JS, или JavaScript язык сценариев, которые выполняются на стороне клиента и не требует перезагрузки страницы. JavaScript был разработан компанией Netscape в 1995 году... подробнее Комментарии: 0 Кол. просмотров: общее - 4927 сегодня - 1

Обманщик спам-роботов

14-03-2009

Как известно, бичом современного Интернета является спам - непрошенная рассылка рекламных и прочих сообщений. По данным некоторых аналитиков, он составляет более 50% всех сообщений в Сети... подробнее Комментарии: 0 Кол. просмотров: общее - 5168 сегодня - 0