Płynne przejścia między obrazkami Opcje

[Jokeer]

Cześć, mam taki kod, który zmienia co jakiś czas logo na mojej stronie. Niestety obrazki zmieniają się bez żadnego przejścia. Jak mogę zmodyfikować ten kod, żeby uzyskać efekt jakiegoś łagodnego przejścia?

[PHP] pobierz, plaintext 
<script language="javascript">
 
 
var delay=5000 //set delay in miliseconds
 
var curindex=0
 
var randomimages=new Array()
 
        randomimages[0]="images1.jpg"
 
        randomimages[1]="images2.jpg"
 
        randomimages[2]="images3.jpg"
 
        randomimages[3]="images4.jpg"
 
        randomimages[4]="images5.jpg"
 
        randomimages[5]="images6.jpg"
 
var preload=new Array()
 
for (n=0;n<randomimages.length;n++)
 
{
 
        preload[n]=new Image()
 
        preload[n].src=randomimages[n] //cycle('fade');
 
 
}
 
document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]
+'">')
 
function rotateimage()
 
{
 
if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length))
)){
 
curindex=curindex==0? 1 : curindex-1
 
}
 
else
 
curindex=tempindex
 
        document.images.defaultimage.src=randomimages[curindex]
 
}
 
setInterval("rotateimage()",delay)
 
</script>
[PHP] pobierz, plaintext 

Dzięki i pozdrawiam (IMG:style_emoticons/default/wink.gif)

[Jokeer]

Dzięki za zainteresowanie i ten przykład, ale niestety jako, że jestem zielony w JS-ie to nie potrafię zastosować go do mojego przykładu...

Mógłby ktoś dodać odpowiednie instrukcję (podejrzewam że coś z fadeOut) do mojego kodu?

Będę bardzo wdzięczny