vadim90k,
ну так я тебе и говорю.
var links = ['http://javascript.ru/cat/list/event.gif','http://javascript.ru/cat/list/libs.jpg']
Здесь
2 3 ссылки на картинки(последнюю я добавил свою аватарку), добавь сюда все нужные, и они будут меняться.
<!DOCTYPE HTML>
<html>
<head> </head>
<body>
<img onmouseover='start()' onmouseout='stop()' id='img'></img>
<script>
var links = ['http://javascript.ru/cat/list/event.gif','http://javascript.ru/cat/list/libs.jpg','http://javascript.ru/forum/image.php?u=12890&dateline=1303149256'],
next = 1,
img = document.getElementById('img');
img.src = links[0]
function change() {
next == links.length-1 ? next = 0 : next++
img.src = links[next]
}
function start() {
animation = setInterval(change, 100) // тут время изменяй
}
function stop() {
clearInterval(animation)
img.src = 'http://javascript.ru/cat/list/event.gif' // тут исходная картинка
}
</script>
</body>
</html>