подскажите можно ли сделать так: по умолчанию работает одна функция (показывает в цикле картинки), при наведении на картинку мыши начинается показ других картинок, а если убрать мышь то показ третьих картинок и автоматом на первые переход?
я так приблизительно себе это представляю -
1. Загружаю первый цикл картинок (непрерывный)
2. При попадании мышкой загружаю второй цикл.
3. Убираем мышку - загружается третий цикл картинок, по его окончанию запускается первый.
что бы понятней было -есть анимация - движется медведь, наводим на него стрелку - медведь становить на задние лапы, убираем мышь медведь ПЛАВНО становится на 4 кости и валит дальше.
как запустить первый цикл картинок я знаю. как запустить второй - представляю только отдаленно, не говоря о том что и как делать дальше.
вот что имею сейчас:
<script language="JavaScript">
i=0;
img_a=new Array();
<?
$dir="1/1/"; //берем директорию
$ar=array();
$dh = opendir($dir);
while ($file_d = readdir($dh)) {
if ($file_d[0] != ".") //не выводим вложенные папки
{
array_push($ar, $file_d); //читаем все файлы в директории
sort($ar);
}
}
for($i=0;$i<count($ar);$i++) {
?>
img_a[<?echo $i;?>]=new Image();
img_a[<?echo $i;?>].src="<? echo "1/1/$ar[$i]";?>"
<?
}?>
function img_b()
{
document.images[0].src=img_a[i].src
i++
if(i>40) i=0;
setTimeout("img_b()", 20)
}
function ChangeImage(id,change)
{
var el=document.getElementById(id);
el.src=change;
}
</script>
</head>
<body onLoad=img_b() >
<div id="change">
<img width="300" height="250" name="myImage" src="1/1/10000.jpg"><br>
</div>