Имеется такой скрипт:
var _tOut;
var _delay = 100;
var _index = 1;
function myImage(_src) {
var _image = new Image;
_image.src = _src;
this._image = _image;
}
var imagesArray = new Array (
new myImage('images/1.gif'),
new myImage('images/2.gif'),
new myImage('images/3.gif'),
new myImage('images/4.gif'),
new myImage('images/5.gif'),
new myImage('images/6.gif'),
new myImage('images/7.gif'),
new myImage('images/8.gif')
)
function change(_img, _src) {
document.images[_img].src = _src.src;
_index++;
if (_index >= imagesArray.length) {
_index = 0;
}
}
function doRotate() {
change("rotatingHouse", imagesArray[_index]._image);
_tOut = setTimeout("doRotate()", _delay);
}
function startRotate() {
_tOut = setTimeout("doRotate()", _delay);
}
function stopRotate() {
clearTimeout(_tOut);
}
в HTML:
<TABLE cellSpacing=0 cellPadding=0 width=237 border=0>
<TR>
<TD align=middle><A onmouseover="javascipt: startRotate();"
onmouseout="javascipt: stopRotate();"
href="#"><IMG height=138 alt=""
src="images/1.gif" width=130
border=0 name=rotatingHouse></A></TD></TR>
</TABLE>
Смысл такой: наводишь мышку - получается анимация.
Как сделать таких несколько независимых анимаций на одной странице?!?
(может присвоить id или еще как)
пример анимации:
http://opt-time.ru/proba/index.html
Пытался сделать на DIV'ах - работает либо один, либо другой.. либо вообще пропадают. Увлекаюсь этим буквально несколько дней, поэтому прошу помощи)
Заранее благодарен..
