Hallo Leute,
ich habe heute beim durchstöbern des Internets auf der Webseite 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

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

mfg chmee

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

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

Code :

1 2 3

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

innerBox

Code :

1 2 3 4 5 6 7 8 9

position: relative;     left: 0px;       float: left;       display: table;       height: 250px;

die Informationsboxen

Code :

1 2 3 4 5

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ß