Hrm, der var jeg lidt for hurtig, og der skal åbenbart også arbejdes mere på tingen, for den laver stadig mærkværdigheder i min Mozilla ...
<!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/628222"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" language="JavaScript1.2">
var slideshow_width='400px'; //SET IMAGE WIDTH
var slideshow_height='300px'; //SET IMAGE HEIGHT
var pause=3000; //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var imagepath = "../img/";
var linkspath = "";
var fimages = new Array();
var imlinks = new Array();
fimages[fimages.length] = "billede.jpg,1";// <- 1-tallet bruges som antal visninger på en runde ->
imlinks[imlinks.length] = "
http://larryelmore.com/colorg04.htm"fimages[fimages.length] = "eksperten_logo_new.gif,3";// <- dette billede vises 3 gange på en runde ->
imlinks[imlinks.length] = "
http://www.eksperten.dk/"var preloadedimages=new Array();
for (p=0;fimages.length>p;p++){
preloadedimages[p] = new Image();
preloadedimages[p].src = imagepath + fimages[p].substring(0,fimages[p].indexOf(","));
}
var fadeimages = new Array();
var imagelinks = new Array();
for(i=0;fimages.length>i;i++){
num = fimages[i].replace(/.*\,(\d+)$/,"$1");
for(j=0;num>j;j++){
fadeimages[fadeimages.length] = imagepath + fimages[i].substring(0,fimages[i].indexOf(","));
imagelinks[imagelinks.length] = linkspath + imlinks[i];
}
}
var slidelength = fadeimages.length,curcanvas,curimageindex,actZ=100;
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 OpC = new Array();
var ie,moz,css3;
function startOpChange(elm,end,tim){
ie = !!elm.filters;
moz = elm.style.MozOpacity != undefined;
css3 = elm.style.opacity != undefined;
if (!ie && !moz && !css3)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(css3)actOp=(elm.style.opacity*100);
else actOp=(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 if(css3)OpC[idx][0].style.opacity=Math.min(0.99,OpC[idx][1]/100);
else OpC[idx][0].style.MozOpacity=Math.min(0.99,OpC[idx][1]/100);
if (OpC[idx][1]==OpC[idx][2]){
clearInterval(OpC[idx][4]);
return;
}
}
function initSlide(){
var elm = document.getElementById("stImage");
ie = !!elm.filters;
moz = elm.style.MozOpacity != undefined;
css3 = elm.style.opacity != undefined;
elm.style.display = 'none';
var c = document.getElementById('slidecontainer');
with(c.style){
position='relative';
overflow='hidden';
width=slideshow_width;
height=slideshow_height;
}
if (ie||moz||css3){
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';
zIndex = ++actZ; }
im.id = 'canvas'+i;
im.src = imagepath + fimages[i].substring(0,fimages[i].indexOf(","));
im.alt = imagelinks[i];
im.onclick = function(){location.href = imagelinks[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];
im.style.zIndex = 0;
setInterval("rotateimage()",pause);
}
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]];
im.alt = imagelinks[ix[curimageindex]];
im.onclick = function(){location.href = imagelinks[ix[curimageindex]]};
im.style.zIndex += 1;
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]];
}
window.onload=initSlide;
</script>
</head>
<body>
<div id="slidecontainer"><img id="stImage" style="filter:alpha(opacity=50);-moz-opacity=0.5;opacity=0.5;"></div>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
