scripty: falsche Werte von OffsetTop. Image stört scrollTo !?

Beitrag lesen

»» Erkennst du langsam, warum wir hier nicht weiterkommen?

okey habe den code mal überarbeitet. wenn man auf die ersten links klickt springt es wunderbar zum zugehörigen anker.

wenn das bild geladen ist und man z. B. den 7 link klickt springt er nicht zum Ankerpunkt sondern bleibt am image hengen!

warum?

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<a name="top"></a><br>
    <a href="#" onmousedown="scrollTo(0, a[1]);"><u>zum 1. Anker</u></a><br>
                <a href="#" onmousedown="scrollTo(0, a[2]);"><u>zum 2. Anker</u></a><br>
                <a href="#" onmousedown="scrollTo(0, a[3]);"><u>zum 3. Anker</u></a><br>
                <a href="#" onmousedown="scrollTo(0, a[4]);"><u>zum 4. Anker</u></a><br>
                <a href="#" onmousedown="scrollTo(0, a[5]);"><u>zum 5. Anker</u></a><br>
                <a href="#" onmousedown="scrollTo(0, a[6]);"><u>zum 6. Anker</u></a><br>
                <a href="#" onmousedown="scrollTo(0, a[7]);"><u>zum 7. Anker</u></a><br>
                <a href="#" onmousedown="scrollTo(0, a[8]);"><u>zum 8. Anker</u></a><br>
                <a href="#" onmousedown="scrollTo(0, a[9]);"><u>zum 9. Anker</u></a><br><br><br><br>

<a name="1"><u>ANKER 1 bla bla bla bla bla bla <br><br><br><br><br><br><br><br><br><br><br><br><br>
                <a name="2"><u>ANKER 2 bla bla bla bla bla bla <br><br><br><br><br><br><br><br><br><br><br><br><br>
                <a name="3"><u>ANKER 3 bla bla bla bla bla bla <br><br><br><br><br><br><br><br><br><br><br><br><br>
                <a name="4"><u>ANKER 4 bla bla bla bla bla bla <br><br><br><br><br><br><br><br><br><br><br><br><br>
                <a name="5"><u>ANKER 5 bla bla bla bla bla bla <br><br><br><br><br><br><br><br><br><br><br><br><br><image src="http://www.prepolino.ch/sprache/trennen/bilder/test.gif"><br><br><br>
                <a name="6"><u>ANKER 6 bla bla bla bla bla bla <br><br><br><br><br><br><br><br><br><br><br><br><br>
                <a name="7"><u>ANKER 7 bla bla bla bla bla bla <br><br><br><br><br><br><br><br><br><br><br><br><br>
                <a name="8"><u>ANKER 8 bla bla bla bla bla bla <br><br><br><br><br><br><br><br><br><br><br><br><br>
                <a name="9"><u>ANKER 9 bla bla bla bla bla bla <br><br><br><br><br><br><br><br><br><br><br><br><br>
                <a href="#" onmousedown="scrollTo(a[top], a[top]);"><font color="#0000FF"><u>To the Top</u></font></a><br><br>

<br><br>

<script type="text/javascript">

var top = document.getElementsByName('top')[0].offsetTop;
        var a = new Array(10);
        for(i=1; i < 10 ; i = i+1){
                var n =  i;
          var n = document.getElementsByName(i)[0].offsetTop;
    a[i] = n;

}

</script>
</body>