nicht angemeldet
Ich habe folgendes Problem:
Ich habe einen Div-Container der nur zur Positionierung, Umrandung und Größenfestlegung dient!
In diesem befindet sich ein weiterer Div-Container, der eine Anzahl x von Bildern-Links enthält, aber nur maximal 3 davon im sichtbaren Bereich anzeigen kann und soll!
Der Äußere Container bildet quasi eine Art Fenster, das mir die Sicht auf den zweiten Container ermöglicht! Dieser 'innere' Container (images) soll nun per Klick auf einen link verschoben werden, so dass ich etwas ähnliches wie eine horizontale Scroll-Funktion erhalte (Nur halt ohne Balken :-), mehr sowas wie ein ImageFlow).
Der Link ist da, die Funktion auch (s.u.) sie wird auch ausgeführt, aber...
nix passiert!
HTML-Code
--------------------------------
<div style="overflow: hidden; position:float; left:6px; top:287px; border:1px solid #000000; width: 200px; height:68px; vertical-align:middle">
<div id="images" style="position:float; left:0px; overflow: visible;
height:68px; padding-bottom: 1px; padding-top: 1px; padding-right: 1px;
padding-left: 1px; vertical-align:middle">
<a href="#"><img id="one" src="...." width="60" height="60" /></a>
<a href="#"><img id="two" src="...." width="60" height="60" /></a>
<a href="#"><img id="three" src="...." width="60" height="60" /></a>
<a href="#"><img id="four" src="...." width="60" height="60" /></a>
</div>
</div>
Mein Script
--------------------------------
<script type="text/javascript">
function scrollFW()
{
var alterWert = document.getElementById('images').offsetLeft;
var neu = alterWert+60;
document.getElementById('images').style.left = neu+"px";
}
</script>
was mache ich denn falsch, und was noch wichtiger ist, wie ght es denn richtig?
Gruß,
Pattex81