Avatar billede thomas_b Nybegynder
14. maj 2006 - 01:11 Der er 5 kommentarer og
1 løsning

Fade af billeder - fejl

Hej Eksperter..

Jeg er ved at lave følgene side hvor der er en fejl på...!
http://www.muleen.dk/host/sedr2/

scriptet ser således ud:...

<script>
var slideshow_width=300  // Definer billedbredde
var slideshow_height=170 // Definer billedhøjde
var pause=3000          // Definer tid i tusindedele sekund
var fade=50            // Definer fade hastigheed

var fadeimages=new Array()
fadeimages[0]="img/dr1.gif"
fadeimages[1]="img/dr2.gif"
fadeimages[2]="img/tv2.gif"

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;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+ slideshow_height+';top: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='<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()",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='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
</script>

Hvad gør jeg forkert...?
Avatar billede olebole Juniormester
14. maj 2006 - 01:37 #1
<ole>

Din kode hænger ikke sammen ... du mangler den sidste halvdel af dokumentet  :)

/mvh
</bole>
Avatar billede thomas_b Nybegynder
14. maj 2006 - 01:40 #2
Ifølge denne side og der viste ekempel mangler der ikke noget...!

http://www.a-begynder.dk/scripts/javascript/billeder_grafik/javascript_slideshow_fader.htm
Avatar billede thomas_b Nybegynder
14. maj 2006 - 01:48 #3
Jeg har fundet ud af det..! Det var fordi jeg er kommet til at centere tabellen... det kan åbenbart ikke lide... ellers tak for hjælpen...
Godnat...
Avatar billede olebole Juniormester
14. maj 2006 - 02:18 #4
Vrøvl ... du mangler at afslutte din ydre tabel - og du afslutter hverken body- eller dokument-elementerne. Så er der naturligvis ikke noget, der kan forventes at virke
Avatar billede olebole Juniormester
14. maj 2006 - 02:20 #5
http://www.muleen.dk/host/sedr2/ -> 'View Source' ... sidste tag er '</table>'
Avatar billede thomas_b Nybegynder
14. maj 2006 - 10:16 #6
Ikke hvis jeg kigger i koden fra siden... Det sidste tag er </html>
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