Automatisk billedskift med fade
HejJeg bruger lige en et JavaScript til at skifte mellem billeder i mit banner:
<script type="text/javascript">
var pics = ["/wp-content/themes/GST2/images/banner/banner.jpg","/wp-content/themes/GST2/images/banner/banner2.jpg","/wp-content/themes/GST2/images/banner/banner3.jpg","/wp-content/themes/GST2/images/banner/banner4.jpg","/wp-content/themes/GST2/images/banner/banner5.jpg"];
var delay = 10;//tid mellem skift i sekunder
/* Herfra skulle der ikke være nogen grund til at rette
-- mens du selvfølgelig skal tilpasse de ovenstående variabler !-) */
var actnum = 0;
var imgs = new Array();
for(i=0; pics.length > i; i++){
imgs[i] = new Image();
imgs[i].src = pics[i];
}
function chgImg(){
actnum = (++actnum)%pics.length;
document.getElementById("billede").src = imgs[actnum].src;
setTimeout("chgImg()",1000*delay);
}
setTimeout("chgImg()",1000*delay);
</script>
og
<img id="billede" src="/wp-content/themes/GST2/images/banner/banner.jpg">
Jeg ville dog gerne tilføje så der kommer en fade funktion mellem billederne, så det bliver en mere blød overgang end det er tilfældet nu... Kan det indføres i det script jeg har nu, eller har i et andet script liggende der kan gøre det?
På forhånd tak :)
