Tjah, nu har jeg et gæt, nemlig at den udgave, jeg brugte som udgangspunkt, brugte document.write, hvilket ikke er specielt fremtidssikret, og så konvertederede jeg nok bare til ordentlig DOM-behandling !o]
-- og jeg tror egentlig, at det bare kan klares ved at sætte en specificeret src på, når slides initialiseres, men je har opdateret en stribe detaljer (bl.a. så også alle browsere, der understøtter .style.opacity burde være med på vognen !-), så du får den lige i fuld udgave:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Fade slideshow</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving,
http://www.eksperten.dk/spm/478961,
http://www.eksperten.dk/spm/804658"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" language="JavaScript1.2">
var slideshow_width='200px'; //SET IMAGE WIDTH
var slideshow_height='300px'; //SET IMAGE HEIGHT
var pause=3000; //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var fadeimages=new Array();
//Initialiser, hvis navnene er numre, men ellers ens
//for(i=0;40>i;i++)fadeimages[i]="images/menu_billeder/"+(i+1)+".jpg"
//Alternativt initialiseres ved at angive billernes navne her
fadeimages[0]="../billede.jpg";
fadeimages[1]="../eksperten_logo_new.gif";
var slidelength = fadeimages.length,curcanvas,curimageindex;
var preloadedimages=new Array();
for (p=0;slidelength>p;p++){
preloadedimages[p]=new Image();
preloadedimages[p].src=fadeimages[p];
}
function shuffleArray(a) {
var t=s=0;
for(var i=0;a.length>i;i++){
t = Math.floor(Math.random()*a.length);
s = a[i];
a[i] = a[t] ;
a[t] = s;
}
return a;
}
var ix = new Array();
for(i=0;slidelength>i;i++)ix[i]=i;
ix = shuffleArray(ix);
var OpC = new Array();
var ie,moz,css2;
function startOpChange(elm,end,tim){
if(!ie&&!moz)return;
var idx = OpC.length;
for(var i=0;idx>i;i++){
if(OpC[i][0]==elm){
clearInterval(OpC[i][4]);
idx = i;
break;
}
OpC[idx] = new Array();
}
if(idx==0)OpC[idx] = new Array();
if(ie)actOp=elm.filters.alpha.opacity;
else if(moz)actOp=Math.round((elm.style.MozOpacity*100));
else actOp=Math.round((elm.style.opacity*100));
if (actOp!=end){
OpC[idx][0]=elm;
OpC[idx][1]=actOp;
OpC[idx][2]=end;
OpC[idx][3]=(end>actOp)?1:-1;
var delayTime = Math.floor((tim*1000)/Math.abs((actOp-end)));
OpC[idx][4]=setInterval("opChange("+idx+")",delayTime);
}
}
function opChange(idx){
OpC[idx][1]+=OpC[idx][3];
if (ie)OpC[idx][0].filters.alpha.opacity=OpC[idx][1];
else if(moz)OpC[idx][0].style.MozOpacity=Math.min(0.9999,OpC[idx][1]/100);
else OpC[idx][0].style.opacity=Math.min(0.9999,OpC[idx][1]/100);
if (OpC[idx][1]==OpC[idx][2]){
clearInterval(OpC[idx][4]);
return;
}
}
function initSlide(){
var c = document.getElementById('slidecontainer');
with(c.style){
position='relative';
overflow='hidden';
width=slideshow_width;
height=slideshow_height;
}
if (ie||moz||css2){
for(i=0;2>i;i++){
var im = document.getElementById("canvas"+i);
with(im.style){
position='absolute';
top=left='0px';
width=slideshow_width;
height=slideshow_height;
filter='alpha(opacity=5)';
MozOpacity='0.05';
opacity='0.05';
}
im.src = fadeimages[i]
}
startOpChange(im,100,pause/10000);
setInterval('nextSlide()',pause);
}else{
c.removeChild(c.lastChild);
var im = c.firstChild;
with(im.style){
position='absolute';
top=left='0px';
width=slideshow_width;
height=slideshow_height;
}
im.id = "canvas"
im.src = fadeimages[0];
}
curcanvas="canvas1";
curimageindex=0;
}
function nextSlide(){
startOpChange(document.getElementById(curcanvas),5,pause/10000);
curcanvas = 'canvas' + ((curcanvas=='canvas0')?1:0);
var im = document.getElementById(curcanvas);
if(curimageindex+1==slidelength)ix = shuffleArray(ix);
curimageindex = ++curimageindex%slidelength;
im.src = fadeimages[ix[curimageindex]];
startOpChange(im,100,pause/10000);
}
function rotateimage(){
var im = document.getElementById('canvas');
curimageindex = ++curimageindex%slidelength;
im.src = fadeimages[index[curimageindex]];
}
window.onload = function(){
var elm = document.getElementsByTagName("img")[0];
ie = !!elm.filters;
moz = elm.style.MozOpacity != undefined;
css2 = elm.style.opacity != undefined;
if(ie||moz||css2)
initSlide();
else
setInterval("rotateimage()",pause);
}
</script>
</head>
<body>
<div id="slidecontainer"><img id="canvas0" src="../billede.jpg"><img id="canvas1"></div>
</body>
</html>
-- bemærk, at du ikke må dele indholdet i diven over flere linjer, da visse browsere indsætter tekstnoder, hvis der er et linjeskift, og så vil du få fejl !-)
