Bilder(link)fliessband

Warum so umständlich?

SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Ältere browser-proprietäre Elemente

Sollte in allen aktuellen Browsern funktionieren.

<marquee onmouseover="this.stop()"  onmouseout="this.start()">
<a href="ExportImport/ecobeef/index.html" title="ecobeef"> <img src="ExportImport/ecobeef/images/highlanderportraits.jpg"></a>

<a href="ExportImport/Kelo/kelo.html" title="KeloKiefer"> <img src="ExportImport/Kelo/images/kelokuva2.jpg"></a>

<a href="ExportImport/Jagermeister/index.html" titel="Jagermeister"> <img src="ExportImport/Jagermeister/images/IMG3205Jaegers.jpg"></a>

<a href="Mix/taransport/transport.html" titel="Jagermeister"> <img src="Mix/taransport/IMG_1745_LKW10.JPG"> </a>

</marquee> 

<center>
<script type='text/javascript'>
<!--
var sliderwidth = 600; // Breite des Sliders
var sliderheight = 150; // H&ouml;he des Sliders
var slidespeed = 2; // Geschwindigkeit des Sliders
var slidebgcolor = "#FFFFFF"; // Hintergrundfarbe
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;

leftrightslide[i++] = '<img src="Mix/taransport/IMG_1745_LKW10.JPG"></a>';
leftrightslide[i++] = '<img src="ExportImport/ecobeef/images/highlanderportraits.jpg"></a>';
leftrightslide[i++] = '<img src="ExportImport/Kelo/images/kelokuva2.jpg"></a>';
leftrightslide[i++] = '<img src="ExportImport/Jagermeister/images/IMG3205Jaegers.jpg"></a>';


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>
</center>