Самоучитель по креативному веб-дизайну. Книга 3, стр.65



img border=»0″ name=»banner» src=» images/Banner 1. jpg»X/a>



Затем обновите функцию, которая подменяет баннеры, добавив операторы, присваивающие Web-адрес компании свойству href (такие как в первой группе

операторов if. . .els e в приведенной ниже функции):



function rotateBanner(BannerSrc)

{

var TimerlD

// Заменить изображение

document. banner. srс = BannerSrc;

// Обновить гиперссылку баннера на адрес Web-сайта

// сбответствующей компании

if (BannerSrc == «Bannerl. jpg»)

document. links[0].href = «http://NVBizNet. com»

else if (BannerSrc == «Banner2.jpg»)

document. links[0].href = «http://NVBizNet2.com»



440 Глава 8. JavaScript





else if (BannerSrc == «Banner3.jpg»)

document. links[0]-href = «http://osborne. com»

else

document. links[0].href = «http://mcgrawhill. com»



// Ожидать тайм-аута и вызвать саму себя для замены

//на следующее изображение

if (BannerSrc == «Bannerl. jpg»)

TimerlD = setTimeout(«rotateBanner(‘Banner2.jpg’)»,5000);

else if (BannerSrc == «Banner2.jpg»)

TimerlD = setTimeout(«rotateBanner(‘ВаппегЗ. jpg’)»,5000);

else if (BannerSrc == «Banner3.jpg»)

TimerlD = setTimeout(«rotateBanner(‘Banner4.jpg’)»,5000);

else

TimerlD = setTimeout(«rotateBanner(‘Bannerl. jpg’)»,5000);

return;

}



Предварительное кэширование файлов для уменьшения времени отображения изображений

Предварительное кэширование графических изображений — это прием, с по — мощью которого вы даете Web-браузеру указание извлечь картинки с Web-сервера

в настоящий момент, в предвидении того, что позже вам может понадобиться отобразить эти изображения. Поручив браузеру извлечь картинки в фоновом ре- жиме (то есть пока посетитель делает на странице что-либо иное), вы можете ус- транить проблему задержки загрузки, с которой столкнется пользователь, щелк —

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

изображения для эффектов смены изображения при наведений курсора или ани —

мации, вам стоит предварительно загружать в кэш еще не отображенные изобра- жения. Предварительно загруженное в кэш изображение, будучи востребовано браузером, появится на экране мгновенно — без задержки (возможно, достаточно продолжительной), связанной с ожиданием отправки изображения браузеру Web — сервером. Предположим, например, на вашей Web-странице присутствует восемь

миниатюр, как показано на рис. 8.10.



ПРАКТИКУМ

Предварительно загрузить в кэш изображения, которые браузер будет отображать

по щелчку посетителя на миниатюре, можно, вставив обработчик события

onLoad либо в дескриптор Web-страницы, либо в один из дескрипторов

миниатюр. Например, если вы вставите в дескриптор последней

миниатюры на рис. 8.10 следующий обработчик события onLoad, Web-браузер вызовет определенную пользователем функцию preCache():




src=»images/Pix8_small. jpg»X/aX/td>

Глава 8. JavaScript 441





Создав новый массив с именем Pictures, функция с помощью конструктора new image о создает новые объекты изображений, в которые затем загружает изображения с Web-сервера. Web-браузер не отображает изображения в то время,

когда функция загружает их с Web-сайта. Тем не менее, браузер сохраняет файлы

изображений в кэше системы. Когда посетитель щелкает на миниатюре, чтобы

получить изображение большего размера, извлеченное функцией preCache(), браузер может извлечь большую картинку из локального кэша (то есть из памяти или с жесткого диска локального компьютера). Таким образом, загрузка больше —

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.35
  • 05.03.2011">Руководство по actionscript. часть 4, стр. 154
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.157
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.160
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 056
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.144
  • 01.03.2011">Руководство по actionscript. часть 5, стр. 126
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 040
  • 07.11.2011">10 примеров навигации по сайту
  • 12.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.112
  • 23.07.2011">Как создать свой блог
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.30
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 034
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.28
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.60
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...