KingOfRap: Thumbsauswahl

Beitrag lesen

Habe nun selbst ne Lösung zusammen bekommen.
Sie läuft komplett ohne marquee und falls einer so etwas sucht stelle ich sie hier mal bereit.

[code=javascript]
<html>
<head>
<title></title>
<script type="text/javascript">
function initPage()
{
oMyDiv = document.getElementById( "divname" );

isScrolling = false;

DX = 50;
DELAY = 100;

};

function scroll2Left( evt )
{
 if ( evt )
  isScrolling = true;

if ( isScrolling )
 {
  if ( oMyDiv.scrollLeft > 0 )
  {
   oMyDiv.scrollLeft -= DX;
   window.setTimeout( "scroll2Left()", DELAY );
  };
 };
};

function scroll2Right( evt )
{
  if ( evt )
   isScrolling = true;

if ( isScrolling )
  {
   oMyDiv.scrollLeft += DX;
   window.setTimeout( "scroll2Right()", DELAY );
  };

};

function stopScrolling()
{
 isScrolling = false;
}

</script>

</head>

<body onload="initPage()" onunload="stopScrolling()">
<div id="divname" style="width:700px;overflow:hidden;border:solid 2px black;white-space:nowrap;padding:4px">
--->Hier Bilder einfügen<---
</div>
<div style="font-size:32px"><span onmouseup="stopScrolling()" onmousedown="scroll2Left(event)">&lt;</span>&nbsp;<span onmouseup="stopScrolling()" onmousedown="scroll2Right(event)">&gt;</span>
</body>
</html>
[/code]

Viel Spaß damit.

Daniel