Javascript-форум - Вызов двух анимаций одним кликом

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Вызов двух анимаций одним кликом (https://javascript.ru/forum/misc/30233-vyzov-dvukh-animacijj-odnim-klikom.html)

Вызов двух анимаций одним кликом

Я сам в программировании пока что еще дажн на пол чайника не тяну. Но все же.

С горем пополам написал скрипт для вызова анимации картинки с помощью нажатия по кнопке.

Он работает, но включает анимацию только одного ряда картинок.

Как мне добавить сюда еще один ряд картинок, то есть еще одну анимацию? Чтобы при клике по кнопке button.png включались обе две анимации.

<script language="JavaScript">

</SCRIPT>

<div align="center" style="padding: 150px 0 50px 0; "><img src="1.png"></div>
<div align="center"><input type="image" src="button.png" onclick="img_start()" ></input> <input type="image" src="button2.jpg" onclick="img_stop()">

</input></div>

Как ни пытался ничего не получилось.

Прошу помогите чайнику.

\\ занесите ваш код в [html run]

[/html]

Igorbek,

<html>
<head>
<title></title>
<script type="text/javascript" src="students v2.8/js/jquery-latest.js"></script>
<script language="JavaScript">

var i=0, svich=true;

var img0 = []; img0[0] = img0[1] = new Image();
img0[0] = "1.png"; img0[1] = "2.png";
var img1 = []; img1[0] = img1[1] = new Image();
img1[0] = "3.png"; img1[1] = "4.png";

function list_img() {
	if(svich == true) {
		document.images[0].src = img0[i];
		document.images[1].src = img1[i];
		i++;
		if(i>1) i=0;
		setTimeout("list_img()", 100);
	}
}

function img_start() {
	svich = true;
	list_img();
}

function img_stop() {
	svich = false;
}

</script>
</head>
<body>
<div align="center" style="padding: 150px 0 50px 0; "><img src="1.png" name="image"><img src="3.png" name="image"></div>
<div align="center"><input type="image" src="students v2.8/css/icon_false.png" onclick="img_start()"><input type="image" src="students v2.8/css/icon_true.png" onclick="img_stop()"></div>
</body>
</html>

Спасибо огромное! Все работает отлично.

А и еще одно. Анимации работают только если в каждой из них одинаковое количество кадров.

У меня в одной анимации 2 кадра, а во второй 6. Как сделать чтобы работало?

Igorbek, а что, если для каждой анимации создать отдельную функцию и запустить обе функции одновременно?