Бесконечная анимация на JS

@Guneska · Регистрация: 05.12.2012

Студворк — интернет-сервис помощи студентам

Доброго времени суток, уважаемые форумчане! Перелопатила достаточно информации, и здесь искала нужную информацию, но она сложнее чем нужно, и мне пока не по зубам, т.к. яваскрип только начала изучать.
Задание: есть три картинки, нужно, чтобы они постоянно сменяли друг дружку. Нашла простенький код, даже с комментариями автора, на сайте урока он работает бесконечно, а у меня делает только один проход и застопоряется.

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE HTML>
 
<html>
 
<head>
  <title>Animation</title>
  <!-- Данный скрипт надо поместить в заголовке документа -->
<script language="JavaScript">
i=0;
img_a=new Array();   // Объявляется массив
img_a[0]=new Image();
img_a[1]=new Image();
img_a[2]=new Image();
 
 
img_a[0].src="1.jpg"; // Каждому элементу
img_a[1].src="2.jpg"; // массива присваивается
img_a[2].src="3.jpg"; // конкретная картинка
 
 
function img_b()     // описывается функция последовательного
                     // вывода картинок
{
document.images[0].src=img_a[i].src;
 
i++;
if (i>3) i=0;
setTimeout("img_b()", 1000);
}
</SCRIPT>
<!-- Скрипт закончен -->
 
</head>
 
<body bgcolor="#ffffff" onLoad=img_b()>
 
<img src="1.jpg">
 
</body>
 
</html>

@vovandr · 08.02.2014, 17:47

HTML5
1
 <img id="myImage" src="1.jpg" alt="">

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
 var images = ['1.jpg', '2.jpg', '3.jpg'],
        x = 0,
        imageContainer =  document.getElementById('myImage');
        
 
    function changeImagesAuto() {
        x++;
        if (x == images.length) x = 0;
        imageContainer.src = images[x]; 
    }
 
    setInterval(changeImagesAuto, 1000);

Добавлено через 15 минут
Ну и конечно вот это images.length надо бы тоже в перекменную вынести так как эта величина всегда постоянная и нам незачем ее каждый раз высчитывать заново

я думаю сами справитесь

@Guneska · 09.02.2014, 14:10 **[ТС]**

Вообще перестало работать, показывается только первая картинка...

@vovandr · 09.02.2014, 14:14

Вообще перестало работать, показывается только первая картинка...

Скрипт поставьте перед закрывающим тегом body или на событии onload

Новые блоги и статьи Все статьи Все блоги /
10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .

@Guneska 0 / 0 / 0 Регистрация: 05.12.2012 Сообщений: 30
	09.02.2014, 14:10 [ТС]
	Вообще перестало работать, показывается только первая картинка... 0

Бесконечная анимация на JS

Решение