Вызов анимации двух картинок
Я сам в программировании пока что еще дажн на пол чайника не тяну. Но все же.
С горем пополам написал скрипт для вызова анимации картинки с помощью нажатия по кнопке.
<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>
При нажатии на кнопку старт запускается анимация состоящачя из двух картинок. Все работает, но...
Мне нужно сделать так, чтобы при клике по кнопке запускалась вместе с этой анимацией еще одна рядом с ней. А при клике по второй кнопке обе останавливались.
Как ни пытался ничего не получилось.
Прошу помогите чайнику.
|