2de zelfde script uivoeren of meer op een pagina

[ciske de rat]

ik ben bezig met een pagina aan het maken waar bewegende beelde voor bij vliegen
(slide show)
nou wil ik deze script meerdere keren gaan gebruiken meer dan 2 keer

<center>
<script language="JavaScript1.2">
//Instellen van het veld:
var breedte=1024
var hoogte=160
var snelheid=1
agrondkleur="#FFFFFF"
//Invoegen van de afbeeldingen met eventuele hyperlinks:
var afbeelding=new Array()
afbeelding[0]='<a href=""><img src="/images/21movies.jpg">  </a>'
afbeelding[1]='<a href=""><img src="/images/AfterLife2010.jpg">  </a>'
afbeelding[2]='<a href=""><img src="/images/236305.jpg">  </a>'
afbeelding[3]='<a href=""><img src="/images/anubishetpadder7zonden.jpg">  </a>'
afbeelding[4]='<a href=""><img src="/images/wong-kar-wais-ashes-of-time-redux.jpg">  </a>'
afbeelding[5]='<a href=""><img src="/images/big.jpg">  </a>'
afbeelding[6]='<a href=""><img src="/images/Balls Out - The Gary Houseman Story.jpg">  </a>'
afbeelding[7]='<a href=""><img src="/images/bangkok-dangerous-poster.jpg">  </a>'
afbeelding[8]='<a href=""><img src="/images/images.jpg">  </a>'
afbeelding[9]='<a href=""><img src="/images/Beacon77.jpg">  </a>'
afbeelding[10]='<a href=""><img src="/images/BeethovensBigBreak.jpg"> </a>'
afbeelding[11]='<a href=""><img src="/images/behindenemylinescolombia.jpg"> </a>'
afbeelding[12]='<a href=""><img src="/images/DeDominee.jpg"> </a>'
afbeelding[13]='<a href=""><img src="/images/drdolitle.jpg"> </a>'
afbeelding[14]='<a href=""><img src="/images/HulkversusThor.jpg"> </a>'



//Hieronder niets 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:0;top:0"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0"></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>
</center>

wanneer de zelfde code weer gebruik
en van de 2de de achter grond zwart maakt laad hij wel
de achtergrond maar niet de fotos
wanneer ik de afbeekding nrs
afbeelding[1]=' vanaf 51 pak bij voorbeeld laad hij de zwarte achtergrond niet
en ook geen fotos

heeft iemand een idee om dit script meerdere keren toe te passen op een pagina
oja script in aparte div te zetten heb ik al geprobeerd dit gaat helaas niet

 

[That Guy]

Hoi,


Ik weet niet of je dit script zelf hebt gemaakt of van internet hebt geplukt (neem aan het 2e), maar in allebij de gevallen: maak een nieuwe!

<script language="JavaScript1.2">

Javascript 1.2 is zo 1997. Tegenwoordig werken we met 1.8, of iets in die richting. Daarnaast is de hele script tag veranderd, en gebruik je 'type' in plaats van 'language':

<script type='text/javascript'>

[js]document.layers[/js]

document.layers is van netscape, en dat is een browser die al 5 jaar geleden is uitgestorven!

Daarnaast, als antwoord op je vraag: met deze code is het meer werk om het op die manier aan het werk te krijgen dan als je opnieuw begint met een nieuw script schrijven!



-----------



Je veel beter je data niet als HTML opslaan, maar gewoon als text:[JS]// opslaan als [plaatje-locatie, link-locatie]
var data = [
['link/naar/plaatje.jpg', 'http://example.com'],
['ander/plaatje/hier.png', 'about/mij.html'],
['nogeentje.gif', 'http://example.com']
];[/JS]het uitspugen gaat dan met wat DOM magie zo:[JS]//neem aan: i is de data[] index
???.innerHTML = "<a href='" + data[1] + "'><img src='" + data[0] + "' alt='' />";[/JS]

mocht je liever voor een kant en klare oplossing willen gaan, kan je eens kijken naar een van de verschillende javascript libraries (jQuery, prototype, etc)


:thumb:

 

[ciske de rat]

zal wel een andere worden

dan zal wel een andere woorden
in de zelfde style ongeveer met een paar optie meer

 

[ciske de rat]

inmiiddels al heel stuk verder

inmiddels ben stuk verder
heb er een gevonden die zelfs onder elkaar kunnen
op de hoop dat ik alls aan gepast krijg lol