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?
<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"
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>
Dzięki i pozdrawiam