Code
<script type="text/javascript">
var op=1;
function f1() /* исчезает */
{
op-=0.1; /* делаем изображение более прозрачным (может меняться от 0 до 1) */
document.getElementById('img').style.opacity=op;
if (op>0.1) setTimeout('f1();',100); /* если ещё не совсем прозрачное, то вызываем эту же функцию через 100 мс */
else
{
document.getElementById('img').src='/img1.jpg'; /* а если уже прозрачное, то меняем изображение и вызываем другую функцию, что бы появилось новое изображение */
setTimeout('f2();',100);
}
}
function f2() /* появляется */
{
op+=0.1;
document.getElementById('img').style.opacity=op;
if (op<0.9) setTimeout('f2();',100);
else
document.getElementById('img').style.opacity='1'
}
</script>