Slideshow - mulighed for tidsbestemmelse?
HejJeg har et script som laver slideshow, med tilhørende links, ud af nogle bestemte billeder. Mit problem er bare, at dette slideshow hele tiden starter fra billede 1 og da det er en del af min fastfrosset menu, vises det selvsagt hver gang man klikker på et menupunkt og så starter det jo forfra.
Det kunne være smart hvis det var tidsbestemt, dvs. så det kørte igennem billederne efter tid og ikke hver gang siden loades, da man aldrig rigtig får set mere end et par af billederne.
Nogle der kan hjælpe her?
På forhånd mange tak!
Min kode er som flg.
<script language="JavaScript1.2">
var slideshow_width=160
var slideshow_height=120
var pause=3000
var fadeimages=new Array()
fadeimages[0]="pic1.jpg"
fadeimages[1]="pic2.jpg"
fadeimages[2]="pic3.jpg"
fadeimages[3]="pic4.jpg"
fadeimages[4]="pic5.jpg"
fadeimages[5]="pic6.jpg"
fadeimages[6]="pic7.jpg"
fadeimages[7]="pic8.jpg"
fadeimages[8]="pic9.jpg"
sider = new Array();
sider[0] = "default.asp?&galleri=pic1";
sider[1] = "default.asp?&galleri=pic2";
sider[2] = "default.asp?&galleri=pic3";
sider[3] = "default.asp?&galleri=pic4";
sider[4] = "default.asp?&galleri=pic5";
sider[5] = "default.asp?&galleri=pic6";
sider[6] = "default.asp?&galleri=pic7";
sider[7] = "default.asp?&galleri=pic8";
sider[8] = "default.asp?&galleri=pic9";
var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1
if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')
var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1
function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/100
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<a href="' + sider[nextimageindex] + '"><img src="'+fadeimages[nextimageindex]+'" border="0"></a>'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}
function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}
function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/100
}
function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<a href="' + sider[curimageindex] + '"><img src="'+fadeimages[curimageindex]+'" border="0"></a>'
rotateimage()
}
if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
</script>
