Jeg har dette Javascript.
Det skifter mellem forskellige billeder. Jeg vil gerne have to
eller tre billeder til at skifte på samme side men scriptet kan
ikke køre to steder på samme side.
Er der nogen der ved hvorfor det ikke virker og hvordan jeg får
det til at virke.
var slideshow_width=150 // Definer billedbredde
var slideshow_height=150 // Definer billedhøjde
var pause=3000 // Definer tid i tusindedele sekund
var fade=250 // Definer fade hastigheed
var fadeimages=new Array()
fadeimages[0]="image150x150/1.jpg"
fadeimages[1]="image150x150/2.jpg"
fadeimages[2]="image150x150/3.jpg"
fadeimages[3]="image150x150/4.jpg"
fadeimages[4]="image150x150/5.jpg"
fadeimages[5]="image150x150/6.jpg"
fadeimages[6]="image150x150/7.jpg"
fadeimages[7]="image150x150/8.jpg"
fadeimages[8]="image150x150/9.jpg"
fadeimages[9]="image150x150/10.jpg"
fadeimages[10]="image150x150/11.jpg"
fadeimages[11]="image150x150/12.jpg"
fadeimages[12]="image150x150/13.jpg"
fadeimages[13]="image150x150/14.jpg"
fadeimages[14]="image150x150/15.jpg"
fadeimages[15]="image150x150/16.jpg"
fadeimages[16]="image150x150/17.jpg"
fadeimages[17]="image150x150/18.jpg"
fadeimages[18]="image150x150/19.jpg"
fadeimages[19]="image150x150/20.jpg"
fadeimages[20]="image150x150/21.jpg"
//////////////////////////////////////////////////////
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="canvas100"
style="position:absolute;width:'+slideshow_width+';height:'+
slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10
"></div><div id="canvas101"
style="position:absolute;width:'+slideshow_width+';height:'+
slideshow_height+';top:0;filter:alpha(opacity=10);-moz-opacity:10
"></div></div>')
//
http://www.a-begynder.dk
else
document.write('<img name="defaultslide"
src="'+fadeimages[0]+'">')
var curpos=10
var degree=10
var curcanvas="canvas100"
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=="canvas100")? "canvas100" : "canvas101"
tempobj=ie4? eval("document.all."+nextcanvas) :
document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
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()",fade)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas100")? "canvas101" : "canvas100"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)?
curimageindex+1 : 0
}
function resetit(what){
//
http://www.a-begynder.dk
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='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}
if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials