Avatar billede hinkesten Praktikant
07. december 2008 - 18:09 Der er 1 løsning

Slideshow - mulighed for tidsbestemmelse?

Hej

Jeg 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>
Avatar billede hinkesten Praktikant
11. juli 2009 - 18:48 #1
..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester