vadim90k,
<!DOCTYPE HTML>
<html>
<head></head>
<body onload='start()'>
<img onmouseover='start2()' onmouseout='stop()' id='img'>
<script>
var links = ['http://javascript.ru/cat/list/event.gif', 'http://javascript.ru/cat/list/libs.jpg'] // тут ставишь ссылки на 2 меняющиеся картинки
var opacity = ['http://api.flattr.com/button/flattr-badge-large.png', 'http://javascript.ru/forum/images/ca_serenity/misc/logo.gif'],
next = 1,
next2 = 1,
img = document.getElementById('img');
img.src = links[0]
function start() {
animation = setInterval(function () {
next == links.length - 1 ? next = 0 : next++
img.src = links[next]
}, 100) // тут время изменяй (для 2ух картинок)
}
function start2() {
clearInterval(animation)
animation2 = setInterval(function () {
next2 == opacity.length - 1 ? next2 = 0 : next2++
img.src = opacity[next2]
},100)
}
function stop(op) {
clearInterval(animation2)
start()
img.src = 'http://javascript.ru/cat/list/event.gif' // тут исходная картинка
}
</script>
</body>
</html>
Я уже не знаю, как тебе объяснить, просто в массив links вставь 2 картинки, в массив opacity вставь ссылки на картинки для смены прозрачности