heey allemaal
Dit is al mijn zoveelste vraag hier, maar na deze houdt het voorlopig een beetje op (verwacht ik)
Het heet hier 'PHPHulp' maar ik denk dat de meeste mensen hier ook wel iets van Javascript af zullen weten.
Ik heb een script gevonden op internet wat een fotoslideshow geeft. Het probleem is alleen dat dit een horizontale slideshow is, en ik heb eigenlijk een verticale nodig.
Ik hoop dat iemand mji kan helpen.
Greetz
Lukie
het script:
<?
<script type="text/javascript">
var sliderwidth="300px" //breedte in pixels
var sliderheight="150px" //hoogte in pixels
var slidespeed=2 //snelheid 1,traag t/m 10,snel
slidebgcolor="#EAEAEA" //achtergrondkleur:
//afbeeldingen in de slideshow
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<img src="dynamicbook.gif">'
leftrightslide[1]='<img src="dynamicbook.gif">'
leftrightslide[2]='<img src="dynamicbook.gif">'
leftrightslide[3]='<img src="dynamicbook.gif">'
leftrightslide[4]='<img src="dynamicbook.gif">'
//afstand tussen de afbeeldingen
var imagegap=" "
//afstand tussen de eerste en laatste afbeelding
var slideshowgap=" "
//HIERONDER NIKS MEER VERANDEREN!
var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
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='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
?>
gebruik nu even de php color coding, om het wat overzichtelijker te maken
23 views
