Javascript Plaatjes scrollen aanpassen

  • Onderwerp starter Onderwerp starter Moria
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.

Moria

Nieuwe gebruiker
Lid geworden
3 mrt 2009
Berichten
2
Hallo,
Kan iemand me helpen om dit script aan te passen zodat de plaatjes van onder naar boven of omgkeerd (maakt niet uit) scrollen, dus verticaal scrollen ipv zoals in het schript hieronder waar ze naar links schuiven.
alvast bedankt om eens te kijken
ps: ik hoop dat ik dit schript hier in de juiste codes kan plaatsen sorry als het verkeerd is, dit is de eerste keer.
het schript is afkomstig van de site leejoo.nl

HTML:
<script language="JavaScript1.2">
//Instellen van de grootte waarin de plaatjes getoond worden en de snelheid bepalen
var breedte=300
var hoogte=105
var snelheid=2
agrondkleur="#FFFFFF"
//Invoegen van de afbeeldingen met eventuele hyperlinks:
var afbeelding=new Array()
afbeelding[0]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="afbeeldingen/zw05_0110.jpg" width=150 height=100 border=0></a>'
afbeelding[1]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="afbeeldingen/zw05_0109.jpg" width=150 height=100 border=0></a>'
afbeelding[2]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="afbeeldingen/zw05_0108.jpg" width=150 height=100 border=0></a>'
afbeelding[3]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="afbeeldingen/zw05_0107.jpg" width=150 height=100 border=0></a>'
afbeelding[4]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="afbeeldingen/zw05_0106.jpg" width=150 height=100 border=0></a>'
afbeelding[4]='<a href="http://www.leejoo.nl/templatestore/html/index.html" target=_new"><img src="afbeeldingen/zw05_0105.jpg" width=150 height=100 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: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>
 
probeer eens ns_slide2.left aan tepassen in ns_slide2.up

Mod: Bij een directe reactie zonder berichten er tussen is het onnodig de QUOTE-knop te gebruiken :rolleyes:
 
Laatst bewerkt door een moderator:
Ik zou het allemaal eens veranderen in:

PHP:
ns_slide2.top

Omdat top een CSS property is en up niet.
 
Dank jullie wel voor de hulp
Ik heb alles dus aangepast in ns_slide2.top , ook bij ns_slide.top,
bij function heb ik ook shuiflinks gewijzigd in scrollup

Het is half gelukt, plaatje scrolld nu wel degelijk naar omhoog zoals ik wenste , maar waarom nu niet de 5 plaatjes ?

Er scrolld dus maar 1 plaatje ipv 5
De scroll herhaald zich niet..

iemand nog een suggestie aub ?

HTML:
<script language="JavaScript1.2">
//Instellen van de grootte waarin de plaatjes getoond worden en de snelheid bepalen
var breedte=448
var hoogte=336
var snelheid=1
agrondkleur="#000000"
//Invoegen van de afbeeldingen met eventuele hyperlinks:
var afbeelding=new Array()
afbeelding[0]='<img src="afbeeldingen/zw050110.JPG" width=448 height=336 border=0></a>'
afbeelding[1]='<img src="afbeeldingen/zw050109.JPG" width=448 height=336 border=0></a>'
afbeelding[2]='<img src="afbeeldingen/zw050108.JPG" width=448 height=336 border=0></a>'
afbeelding[3]='<img src="afbeeldingen/zw050107.JPG" width=448 height=336 border=0></a>'
afbeelding[4]='<img src="afbeeldingen/zw050106.JPG" width=448 height=336 border=0></a>'
afbeelding[4]='<img src="afbeeldingen/zw050105.JPG" width=448 height=336 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.top=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.top=huidige_breedte+4
ns_slide2.document.write(afbeelding)
ns_slide2.document.close()
}
uptime=setInterval("scrollup()",30)
}
window.onload=opvullen

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

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

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

if (ns_slide2.top>(huidige_breedte*(-1)+8))
ns_slide2.top-=kopieersnelheid
else
ns_slide2.top=ns_slide.top+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>
 
Wie kan mij vertellen hoe ik de afbeeldingen in onderstaande script krijg.
Op welke plaats moet ik ze invoeren en hoe doe ik dat?


<script language="JavaScript1.2">
//Instellen van de grootte waarin de plaatjes getoond worden en de snelheid bepalen
var breedte=448
var hoogte=336
var snelheid=1
agrondkleur="#000000"
//Invoegen van de afbeeldingen met eventuele hyperlinks:
var afbeelding=new Array()
afbeelding[0]='<img src="afbeeldingen/zw050110.JPG" width=448 height=336 border=0></a>'
afbeelding[1]='<img src="afbeeldingen/zw050109.JPG" width=448 height=336 border=0></a>'
afbeelding[2]='<img src="afbeeldingen/zw050108.JPG" width=448 height=336 border=0></a>'
afbeelding[3]='<img src="afbeeldingen/zw050107.JPG" width=448 height=336 border=0></a>'
afbeelding[4]='<img src="afbeeldingen/zw050106.JPG" width=448 height=336 border=0></a>'
afbeelding[4]='<img src="afbeeldingen/zw050105.JPG" width=448 height=336 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.top=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.top=huidige_breedte+4
ns_slide2.document.write(afbeelding)
ns_slide2.document.close()
}
uptime=setInterval("scrollup()",30)
}
window.onload=opvullen

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

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

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

if (ns_slide2.top>(huidige_breedte*(-1)+8))
ns_slide2.top-=kopieersnelheid
else
ns_slide2.top=ns_slide.top+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>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan