русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Невидимые изображения и кэширование


Дата добавления: 2015-07-09; просмотров: 451; Нарушение авторских прав


 

Чтобы радовать глаз, эффект смены изображений и родственные ему эффекты должны иметь минимальное время отклика. Это означает, что необходим некото_ рый способ, гарантирующий предварительную загрузку всех необходимых изо_ бражений в кэш броузера. Чтобы принудительно поместить изображение в кэш, нужно сначала создать объект Image с помощью конструктора Imange(). Затем, за_ писав в свойство src требуемый URL_адрес, загрузить изображение. Этот объект не добавляется в документ, поэтому хотя изображение будет невидимо, броузер загрузит его и поместит в свой кэш. Позднее, когда тот же URL_адрес будет ис_ пользоваться для изменения изображения, находящегося на экране, изображе_ ние быстро загрузится из кэша броузера.

 

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

 

<script>(new Image()).src = "images/help_rollover.gif";</script> <img src="images/help.gif"

 

onmouseover="this.src='images/help_rollover.gif'" onmouseout="this.src='images/help.gif'">

 



<== предыдущая лекция | следующая лекция ==>
Традиционный прием смены изображений | Ненавязчивая смена изображений


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.233 сек.