<head></head><body>
<input type='text' id='text' style='display:none'>
<img src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif'>
<img src='http://www.google.ru/images/srpr/logo3w.png'>
<img src='http://i.rl0.ru/_blocks/hat/logo.gif'>
</div>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
<script>
var img = document.getElementsByTagName('img')
for(i=0;i<img.length;i++) {
img[i].id = 'a' + i
img[i].style.display = 'none'
}
setInterval(function () {
var gen = setInterval(function () {
var n = Math.round(Math.random()*img.length)
if(n==img.length) n-=1
if(n!=document.getElementById('text').value) {
clearInterval(gen)
$('#a'+n).fadeIn(1000)
$('#a'+n).fadeOut(1000)
document.getElementById('text').value=n
} else {
var n = Math.round(Math.random()*img.length)
}
}, 10)
}, 2020)
</script></body>
Можете конечно не использвоать jq, тогда динамично изменяйте css свойства opacity, но это более муторно
