Hallo iedereen.
Hieronder staat een stukje Script voor een banner die ik van Leejoo.nl heb gehaald.
Dit werkt prima. Zie http://home.wanadoo.nl/kees.goos/Index.htm
Nu wil ik dit stukje HTML aanpassen zodat als het laatste plaatje in beeld is er het eerste plaatje meteen achteraan komt. (De slideshow loopt constant door. Er valt geen gat.)
Ikzelf heb nauwelijks verstand van deze codes.
Wie kan mij helpen ?
<script language="JavaScript1.2">
//verander hieronder de breedte (in pixels)
var sliderwidth=1000
//verander hieronder de hoogte (in pixels )
var sliderheight=100
//verander hieronder de snelheid (hoger is sneller)
var slidespeed=5
var leftrightslide=new Array()
var finalslide=''
// verander hieronder de url's (a href ) en de plaatjes (img scr )
leftrightslide[0]='<a href="http://www.leejoo.nl"><img src="images/WelkomBanner.GIF" border=0></a>'
leftrightslide[1]='<a href="http://www.leejoo.nl"><img src="images/AnoukBanner.JPG" border=0></a>'
leftrightslide[2]='<a href="http://www.leejoo.nl"><img src="images/WelkomBanner.GIF" border=0></a>'
leftrightslide[3]='<a href="http://www.leejoo.nl"><img src="images/TimBanner.JPG" border=0></a>'
leftrightslide[4]='<a href="http://www.leejoo.nl"><img src="images/WelkomBanner.GIF" border=0></a>'
leftrightslide[5]='<a href="http://www.leejoo.nl"><img src="images/RiesBanner.JPG" border=0></a>'
leftrightslide[6]='<a href="http://www.leejoo.nl"><img src="images/WelkomBanner.GIF" border=0></a>'
leftrightslide[7]='<a href="http://www.leejoo.nl"><img src="images/DaphneBanner.JPG" border=0></a>'
leftrightslide[8]='<a href="http://www.leejoo.nl"><img src="images/WelkomBanner.GIF" border=0></a>'
///////verander hieronder niets////////////////////////////////////
var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide+" "
if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2
//-->
</script>
<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
<layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"></layer>
</ilayer>
Hieronder staat een stukje Script voor een banner die ik van Leejoo.nl heb gehaald.
Dit werkt prima. Zie http://home.wanadoo.nl/kees.goos/Index.htm
Nu wil ik dit stukje HTML aanpassen zodat als het laatste plaatje in beeld is er het eerste plaatje meteen achteraan komt. (De slideshow loopt constant door. Er valt geen gat.)
Ikzelf heb nauwelijks verstand van deze codes.
Wie kan mij helpen ?
<script language="JavaScript1.2">
//verander hieronder de breedte (in pixels)
var sliderwidth=1000
//verander hieronder de hoogte (in pixels )
var sliderheight=100
//verander hieronder de snelheid (hoger is sneller)
var slidespeed=5
var leftrightslide=new Array()
var finalslide=''
// verander hieronder de url's (a href ) en de plaatjes (img scr )
leftrightslide[0]='<a href="http://www.leejoo.nl"><img src="images/WelkomBanner.GIF" border=0></a>'
leftrightslide[1]='<a href="http://www.leejoo.nl"><img src="images/AnoukBanner.JPG" border=0></a>'
leftrightslide[2]='<a href="http://www.leejoo.nl"><img src="images/WelkomBanner.GIF" border=0></a>'
leftrightslide[3]='<a href="http://www.leejoo.nl"><img src="images/TimBanner.JPG" border=0></a>'
leftrightslide[4]='<a href="http://www.leejoo.nl"><img src="images/WelkomBanner.GIF" border=0></a>'
leftrightslide[5]='<a href="http://www.leejoo.nl"><img src="images/RiesBanner.JPG" border=0></a>'
leftrightslide[6]='<a href="http://www.leejoo.nl"><img src="images/WelkomBanner.GIF" border=0></a>'
leftrightslide[7]='<a href="http://www.leejoo.nl"><img src="images/DaphneBanner.JPG" border=0></a>'
leftrightslide[8]='<a href="http://www.leejoo.nl"><img src="images/WelkomBanner.GIF" border=0></a>'
///////verander hieronder niets////////////////////////////////////
var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide+" "
if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2
//-->
</script>
<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
<layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"></layer>
</ilayer>