Вызов анимации двух картинок
 

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

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


<script language="JavaScript">
<!--
var i=0;
var svich=true;


img_a=new Array();
img_a[0]=new Image();
img_a[1]=new Image();



img_a[0].src="1.png";
img_a[1].src="2.png";




function list_img()

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



}
}

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

function img_stop()
{
svich=false;
}


//-->
</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>

При нажатии на кнопку старт запускается анимация состоящачя из двух картинок. Все работает, но...

Мне нужно сделать так, чтобы при клике по кнопке запускалась вместе с этой анимацией еще одна рядом с ней. А при клике по второй кнопке обе останавливались.

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

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

Igorbek,
у вас нету закрывающей скобки в

Она есть, я стер ее случайно когда код сюда переносил.

Так проблема осталась не решенной.

Как сделать чтобы запускалось две разные анимации одним кликом?

попробуйте вместо
document.images[0]
написать
document.images[i]