Welcher Javascript?

[DonDemf]

Hallo Leute,
ich habe heute beim durchstöbern des Internets auf der Webseite http://www.transfermarkt.de eine Entdeckung gemacht, die mir sehr gefiel.

Ich würde einen Ähnlichen Javascript gerne bei mir auf der Webseite verwirklchen.

Und zwar:

Wenn man auf Transfermarkt.de etwas nach unten scrollt, sieht man auf der rechten Seite eine kleine rote Box mit den Letzten 25 Transfers. Man kann in dieser Box nach links und rechts weiterklicken.


Kann mir jemand sagen, welcher Javascript da in Frage kommt, um so etwas zu verwirklichen?

Wäre sehr nett, danke

 

[chmee]

Helfen können zB die jQuery Tools
http://flowplayer.org/tools/scrollable/

mfg chmee

 

[Hookah]

function scrollX(offsetX)
{
       var container = document.getElementById('redBox');

	var element = document.getElementById('innerBox');
	
	var offLeft = element.style.left;

	var newLeft = parseInt(offLeft) + parseInt(offsetX);
	
	if(newLeft >= 0)
		newLeft = 0;
	else if(newLeft <= -(element.offsetWidth- parseInt(container.offsetWidth)) )
		newLeft = -(element.offsetWidth- parseInt(container.offsetWidth));
	
	element.style.left = newLeft;
}

'redBox' ist die sichtbare Box, darin musst du ein div Element platzieren (innerBox)
in welches du dann weitere Boxen setzt welche dann die einzelnen Informationen
enthalten.

Dann brauchen die Elemente noch folgende Eigenschaften

redBox

    width: 250px;
    height: 250px;
    overflow: hidden;

innerBox

    position: relative;
    left: 0px;

    float: left;

    display: table;

    height: 250px;

die Informationsboxen

    display: table-cell;

   height: 250px;
   width: 250px;

Hab mir das vor ein paar Wochen für eine Leiste für Bilder gebastelt.

Die Funktion kannst du mit setTimeout() in bestimmten abständen aufrufen.

Ich bastel sowas gerne allein, es ist vielleicht nicht perfekt aber man lernt was

Schönen gruß