Kai: Von Oben nach unten und nicht von Links nach rechts

Beitrag lesen

Hallo, kann mir jemand den COde so umschreiben das die Bilder von unten nach oben laufen und nicht von rechts nach Links? Wäre nett.

<!-- Black-and-Stylez.de -->
<script type='text/javascript'>
<!--
var sliderwidth = 110; // Breite des Sliders
var sliderheight = 60; // Höhe des Sliders
var slidespeed = 1; // Geschwindigkeit des Sliders
var slidebgcolor = "#FFFFFF"; // Hintergrundfarbe
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;

/* HIER DIE LINKS UND BILDER ANPASSEN*/
leftrightslide[i++] = '<a href="http://www.hiphop.de/cgi/topsites.cfm?id=316"><img src="http://blackandstylez.bl.funpic.de/Bannerrotation/HipHop.de.jpg"></a>';
leftrightslide[i++] = '<a href="http://www.mzee.com/linkprojekt/site/in/2033/hip-hop-im-netz-communities-portale-projekte-rap.htmll"><img src="http://blackandstylez.bl.funpic.de/Bannerrotation/Mzee.com.jpg"></a>';
leftrightslide[i++] = '<a href="0005.html"><img src="http://blackandstylez.bl.funpic.de/Bannerrotation/Buddy.jpg"></a>';
leftrightslide[i++] = '<a href="0006.html"><img src="http://blackandstylez.bl.funpic.de/Bannerrotation/Buddy.jpg"></a>';
leftrightslide[i++] = '<a href="0010.html"><img src="http://blackandstylez.bl.funpic.de/Bannerrotation/Buddy.jpg"></a>';

/* AB HIER NICHTS MEHR ÄNDERN */
leftrightslide = '<nobr>' + leftrightslide.join(" ") + '</nobr>';
var iedom = document.all || document.getElementById;
if (iedom)
 document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">' + 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+20;
 }
 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+20;
  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;
  else
   cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+30;

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
   cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed;
  else
   cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+30;
 }
 else if (document.layers){
  if (ns_slide.left>(actualwidth*(-1)+8))
   ns_slide.left-=copyspeed;
  else
   ns_slide.left=ns_slide2.left+actualwidth+30;

if (ns_slide2.left>(actualwidth*(-1)+8))
   ns_slide2.left-=copyspeed;
  else
   ns_slide2.left=ns_slide.left+actualwidth+30;
 }
}

if (iedom||document.layers){
 with (document){
  document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');
  if (iedom){
   document.write('<div style="position:relative;width:' + sliderwidth + ';height:' + sliderheight + ';overflow:hidden">');
   document.write('<div style="position:absolute;width:' + sliderwidth + ';height:' + sliderheight + ';background-color:' + slidebgcolor + '" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');
   document.write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
   document.write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');
   document.write('</div></div>');
  }
  else if (document.layers){
   document.write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>');
   document.write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
   document.write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
   document.write('</ilayer>');
  }
  document.write('</td></table>');
 }
}

//-->
</script>

</body>
</html>