Hallo,
ich habe eine Slideshow die von Links nach rechts läuft. Ich würde es aber gerne haben, wenn die slideshow von oben nach unten oder von unten nach oben läuft.
Kann mir jemand dabei helfen?
Hier der Code für Slideshow von links nach rechts.
Danke schonmal
Lg
Linyx
ich habe eine Slideshow die von Links nach rechts läuft. Ich würde es aber gerne haben, wenn die slideshow von oben nach unten oder von unten nach oben läuft.
Kann mir jemand dabei helfen?
Hier der Code für Slideshow von links nach rechts.
Code:
<script type="text/javascript">
var sliderwidth="745px"
var sliderheight="167px"
var slidespeed=1
slidebgcolor="#FFFFFF"
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="index.php?se=zeitweise"><img src="img/slideshow/zeitweise.jpg" border=0></a>'
leftrightslide[1]='<a href="index.php?se=gas"><img src="img/slideshow/gas.gif" border=0></a>'
leftrightslide[2]='<a href="index.php?se=craved"><img src="img/slideshow/craved.jpg" border=0></a>'
leftrightslide[3]='<a href="index.php?se=phonik"><img src="img/slideshow/phonik.jpg" border=0></a>'
leftrightslide[4]='<a href="index.php?se=realitaet"><img src="img/slideshow/die-realitaet.jpg" border=0></a>'
leftrightslide[5]='<a href="index.php?se=crossfire"><img src="img/slideshow/crossfire.jpg" border=0></a>'
leftrightslide[5]='<a href="index.php?se=egotrip"><img src="img/slideshow/egotrip.jpg" border=0></a>'
var imagegap=" "
var slideshowgap=5
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('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>Danke schonmal
Lg
Linyx
.
