Поиск на сайте
Главная Журнал Форум Wiki DRKB Страны мира


Как анимировать картинку

Последовательный показ определённого количества картинок работает в Netscape Navigator 3.0+ и Internet Explorer 4.0+. Поместите URL-ы картинок, которые Вы хотели бы показывать в массив. Как только пользовать кликнет по ссылке, при помощи функции setTimeout картинки начинают показываться через одинаковые промежутки времени.

<HEAD>
<SCRIPT LANGUAGE="JavaScript">
   var imageArray = new Array("squares.gif", "circles.gif",
    "diamonds.gif");
   var currentImage = 0;
   var timerId;

   function showImage() {
      currentImage++;
      if (currentImage > 2) {
         currentImage = 0;
      }
      document.images[0].src = imageArray[currentImage];
      timerId = setTimeout("showImage()", 2000);
   }
</SCRIPT>
</HEAD>

<BODY>
<A HREF="javascript:showImage()">Animate Image</A><BR><BR>
<IMG SRC="squares.gif">
</BODY>
</HTML>

ЗАМЕЧАНИЕ: Так как картинки предварительно не загружены, то необходимо обеспечить необходимый интервал показа картинок, чтобы они успели загружаться.

 

 


Основные разделы сайта


 

Реклама Купить диплом высшего образования
значения снов
Купить диплом высшего образования