<< | к задаче | главная | печатать | обсудить(0 сообщений) >>
Задача: Предварительная загрузка изображений
Исходник: Предварительная загрузка изображений в кеш браузера, организация ролловеров [javascript, code #147, hits: 6200, рейтинг: 3/7,4.88(2938)] +
автор: - [добавлен: 24.05.2006] управление:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <HTML>
  3. <HEAD>
  4. <TITLE>Предварительная загрузка изображений</TITLE>
  5. <script type="text/javascript" language="JavaScript">
  6. <!--//--><![CDATA[//><!--
  7. if (document.images) {
  8. var img = new Object();
  9. img["first"] = new Image(80, 80);
  10. img["first"].src = "test.gif";
  11. img["second"] = new Image(80, 80);
  12. img["second"].src = "test2.gif";
  13. // и так далее...
  14. }
  15. //--><!]]>
  16. </SCRIPT>
  17. </HEAD>
  18. <BODY>
  19. <IMG src="test2.jpg" height="80" width="80" onmouseover="this.src = img['second'].src" onmouseout="this.src = img['first'].src" />
  20. </BODY>
  21. </HTML>
В JS проблема решается просто: инициируется новый объект Image и в момент назначения ему src - браузер по указанному адресу запрашивает на сервере картинку.

К коду прилагаются тестовые изображения. Они а также и этот файл можно найти <a href="/data/tasks/76/File/impreload.rar" class=link>здесь</a>.

+добавить реализацию
 
каталог | задачи | паттерны | исходники | стат | форумы | карта сайта | контакты | ссылки 
© 2000-2018 CodeLAB Group
  Все права защищены
Страница сгенерирована за 0.004695 секунд
Количество запросов к БД: 9, gzip: 3.3kb/9.5kb(66%)