Hjælp til billedeskift
Jeg har tyvstjålet følgende kode fra "grunken", som tidligere har skrevet dette i en tråd... men kan det ikke lade sig gøre, at billederne fader sammen i stedet for bare brat at skifte uden nogen form for overgang??/MHQ
<script language="JavaScript" type="text/javascript">
var tid = 5; //antal sekunder mellem skift af banner
var banners = new Array();
var bannerl = new Array();
//tilføj banner og links
banners[0] = "photo_01.jpg";
bannerl[0] = "www.eksperten.dk";
banners[1] = "photo_02.jpg"
bannerl[1] = "www.eksperten.dk"
banners[2] = "photo_04.jpg"
bannerl[2] = "www.eksperten.dk"
banners[3] = "photo_05.jpg"
bannerl[3] = "www.eksperten.dk"
banners[4] = "photo_09.jpg"
bannerl[4] = "www.eksperten.dk"
//Sjove funktioner
var a=new Array(banners.length),timer;
for (i=0;i<a.length;i++){
a[i]=i;
}
function initbanner() {
i=0,t=0,s=0;
for (i = 0 ; i < a.length ; i++ ) {
t = Math.floor(Math.random() * a.length);
s = a[i];
a[i] = a[t] ;
a[t] = s;
}
}
function visbanner(num){
if(!num){
num=0;
initbanner();
}
document.getElementById("blink").href = "http://"+bannerl[a[num]];
document.getElementById("bimg").src = banners[a[num]];
if(num!=a.length-1)
timer = setTimeout("visbanner("+(++num)+")",1000*tid);
else
timer = setTimeout("visbanner()",1000*tid);
}
</script>
<body onload="visbanner()">
<a href="" id="blink" target="_blank"><img id="bimg"/ border="0"></a>
</body>
