Jeg har valgt at bruge din roenving, men jeg har nogle problemer med den.
www.dammoel.dk/asd.htmkoden er som følger :)
<!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"><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();
fadeimages[1]="affe_brille.jpg";
fadeimages[2]="babo.jpg";
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 = (document.all)?true:false;
var moz = (navigator.userAgent.indexOf("Gecko")>-1)
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 actOp=Math.round((elm.style.MozOpacity*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 OpC[idx][0].style.MozOpacity=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){
for(i=0;2>i;i++){
var im = document.createElement('IMG');
c.appendChild(im);
with(im.style){
position='absolute';
top=left='0px';
width=slideshow_width;
height=slideshow_height;
filter='alpha(opacity=5)';
MozOpacity='0.05';
}
im.id = 'canvas'+i;
}
startOpChange(im,100,pause/10000);
setInterval('nextSlide()',pause);
}else{
var im = document.createElement('IMG');
c.appendChild(im);
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');
if(curimageindex+1==slidelength)ix = shuffleArray(ix);
curimageindex = ++curimageindex%slidelength;
im.src = fadeimages[ix[curimageindex]];
}
if (ie||moz)
window.onload=initSlide;
else
setInterval("rotateimage()",pause);
</script>
</head>
<body>
<div id="slidecontainer"></div>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
