Ok - hier also etwas "Unterstützung". Dieses Beispiel bewegt ein IMG horizontal von 400 auf 100px (Schrittweite 20px).
Code:
<body onload="MoveImg()">
<div id="ImgX" style="position:absolute;left:400px;top:10px;;">
<img src="NAME_DES_BILDESf">
</div>
<script type="text/javascript">
CurrentX=parseInt(document.getElementById('ImgX').style.left);
EndX=100;
StepX=20;
function MoveImg()
{
if (EndX<=CurrentX)
{
document.getElementById('ImgX').style.left=CurrentX+'px';
CurrentX=CurrentX-StepX;
setTimeout('MoveImg()',100);
}
}
</script>
</body>
Wenn du die Funktion in den Header basteltst, meckert, der Browser, da die Position des DIVs dann noch nicht "bekannt" ist. (no properties, bla, bla, ...).
Das
parseInt() beim Auslesen der aktuellen Position ist notwendig, da einige Browser hier nicht nur den reinen Zahlenwert zurückliefern, sondern auch die Einheit hinten dranhängen (-> im FF z.B. 400
px). Somit muss man's erst in einen Wert wandeln, mit dem man rechnen kann.