scrollscript werkt niet met doctype

[dannyschouren]

Hallo allemaal,

Ik zoek me al een dag suf , waarom mijn javascript niet werkt zodra ik een doctype aan mijn pagina geef. (Welke nodig is voor de juiste css weergave)

Nou ben ik niet zo into Javascript zelf
Heb via Google iemand gevonden met hetzelfde probleem en daar was de oplossing:

The reason is that with doctype, setting css declaration left works differently, seems that only a number is not enough...to make it work, in this function autoscroll()
En dat daar 'px' achtermoet komen maar weet niet of dit ook in mijn geval is.

Weet iemand waardoor dit komt? 1000maal thanx.

De javascript code die ik gebruik:

[JS]<script type="text/javascript" language="JavaScript1.2">
//Instellen van de grootte waarin de plaatjes getoond worden en de snelheid bepalen
var breedte=580
var hoogte=96
var snelheid=1
agrondkleur="#FFFFFF"
//Invoegen van de afbeeldingen met eventuele hyperlinks:
var afbeelding=new Array()
afbeelding[0]='<a href="confectie/AGA.jpg" rel="lightbox"><img src="confectie-thumbs/AGA.jpg" width=96 height=96 border="0"></a>'
afbeelding[1]='<a href="confectie/BCP.jpg" rel="lightbox"><img src="confectie-thumbs/BCP.jpg" width=96 height=96 border="0"></a>'
afbeelding[2]='<a href="confectie/CCP.jpg" rel="lightbox"><img src="confectie-thumbs/CCP.jpg" width=96 height=96 border="0"></a>'
afbeelding[3]='<a href="confectie/Excellent.jpg" rel="lightbox"><img src="confectie-thumbs/Excellent.jpg" width=96 height=96 border="0"></a>'
afbeelding[4]='<a href="confectie/Flachman.jpg" rel="lightbox"><img src="confectie-thumbs/Flachman.jpg" width=96 height=96 border="0"></a>'
afbeelding[5]='<a href="confectie/Lock_ACP.jpg" rel="lightbox"><img src="confectie-thumbs/Lock_ACP.jpg" width=96 height=96 border="0"></a>'
afbeelding[6]='<a href="confectie/Plooi.jpg" rel="lightbox"><img src="confectie-thumbs/Plooi.jpg" width=96 height=96 border="0"></a>'
afbeelding[7]='<a href="confectie/Snel_naaien.jpg" rel="lightbox"><img src="confectie-thumbs/Snel_naaien.jpg" width=96 height=96 border="0"></a>'
afbeelding[8]='<a href="confectie/Strijk.jpg" rel="lightbox"><img src="confectie-thumbs/Strijk.jpg" width=96 height=96 border="0"></a>'
//Hieronder niets meer wijzigen
var kopieersnelheid=snelheid
afbeelding='<nobr>'+afbeelding.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">'+afbeelding+'</span>')
var huidige_breedte=''

function opvullen(){
if (iedom){
afb=document.getElementById? document.getElementById("test2") : document.all.test2
afb2=document.getElementById? document.getElementById("test3") : document.all.test3
afb.innerHTML=afb2.innerHTML=afbeelding
huidige_breedte=document.all? afb.offsetWidth : document.getElementById("temp").offsetWidth
afb2.style.left=huidige_breedte+4
}
else if (document.layers){
ns_slide=document.netscape.document.netscape2
ns_slide2=document.netscape.document.netscape3
ns_slide.document.write(afbeelding)
ns_slide.document.close()
huidige_breedte=ns_slide.document.width
ns_slide2.left=huidige_breedte+4
ns_slide2.document.write(afbeelding)
ns_slide2.document.close()
}
lefttime=setInterval("schuiflinks()",30)
}
window.onload=opvullen

function schuiflinks(){
if (iedom){
if (parseInt(afb.style.left)>(huidige_breedte*(-1)+8))
afb.style.left=parseInt(afb.style.left)-kopieersnelheid
else
afb.style.left=parseInt(afb2.style.left)+huidige_breedte+4

if (parseInt(afb2.style.left)>(huidige_breedte*(-1)+8))
afb2.style.left=parseInt(afb2.style.left)-kopieersnelheid
else
afb2.style.left=parseInt(afb.style.left)+huidige_breedte+4

}
else if (document.layers){
if (ns_slide.left>(huidige_breedte*(-1)+8))
ns_slide.left-=kopieersnelheid
else
ns_slide.left=ns_slide2.left+huidige_breedte+4

if (ns_slide2.left>(huidige_breedte*(-1)+8))
ns_slide2.left-=kopieersnelheid
else
ns_slide2.left=ns_slide.left+huidige_breedte+4
}
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+breedte+';height:'+hoogte+';overflow:hidden">')
write('<div style="position:absolute;width:'+breedte+';height:'+hoogte+';background-color:'+agrondkleur+'" onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+breedte+' height='+hoogte+' name="netscape" bgColor='+agrondkleur+'>')
write('<layer name="netscape2" left=0 top=0 onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid"></layer>')
write('<layer name="netscape3" left=0 top=0 onMouseover="kopieersnelheid=0" onMouseout="kopieersnelheid=snelheid"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>[/JS]