VPF::Предварительная загрузка изображений

Aliance

Дата 23.9.2005, 14:04 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Задача:
Необходимо создать эффект предварительной загрузки изображения в кеш браузера, например, для rollover-картинок.

Решение:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Предварительная загрузка изображений © AlianceHTMLEditor [ http://editor.sut.net.ru/editor.html ]</TITLE>
<script type="text/javascript" language="JavaScript">
<!--//--><![CDATA[//><!--

if (document.images) {
    var img = new Object();
    img["first"] = new Image(80, 80);
    img["first"].src = "img/1.jpg";
    img["second"] = new Image(80, 80);
    img["second"].src  = "img/2.jpg";
    // и так далее...
}

//--><!]]>
</SCRIPT>
</HEAD>

<BODY>

<IMG src="img/1.jpg" height="80" width="80" onmouseover="this.src = img['second'].src" onmouseout="this.src = img['first'].src" />

</BODY>
</HTML>

Обсуждение:
Мы создаем объект img, и присваиваем его полям (в данном примере first, second) картинку, путем создания объекта картинки (new Image(height, width)), затем каждому полю (объекту-картинки) присваеваем свойство src.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »