Задача: Предварительная загрузка изображений
Исходник: Предварительная загрузка изображений, язык: javascript [code #147, hits: 8444]
автор: - [добавлен: 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>.
Тестировалось на: IE 6.0 SP2, Mozilla FF 1.5, Opera 8.5

+добавить реализацию