Es dreht sich nicht

[kaepten]

Hallo,

Mein jetziger Stand ist .
Ich finde meinen Fehler nicht. Es soll um ein Logo sich das hier kreisen aber es kreist sich nicht. Es soll sich in einer Schleife um ein Bild drehen. Wo ist mein Fehler?

<script type="text/javascript">
    var radius = 110;
    var mittelpunktX = 665;
    var mittelpunktY = 150;
    var anzahlpositionen = 23;
    var positionenX, positionenY;

function rechnen()

  {
   positionenX = new Array();
   positionenY = new Array();
 
   var i, winkel;
   for (i = 0; i < anzahlpositionen; i++)
   {
     winkel = i * (360 / anzahlpositionen)
             * 2 * Math.PI / 360;
     positionenX[i] = mittelpunktX 
                     + Math.round(Math.cos(winkel)
                                        * radius);
     positionenY[i] = mittelpunktY 
                     - Math.round(Math.sin(winkel)
                                        * radius);
     var ersteposition = 10;
   }
  }
function bewegen()
  {
    ersteposition++;
    if (ersteposition == anzahlpositionen)
    {
      ersteposition = 10;
    }
    var i;
    for (i = 21; i > 1; i--)
    {
       document.getElementById("buchstabe" + i).style.top =
         document.getElementById("buchstabe" + (i - 1)).style.top;
       document.getElementById("buchstabe" + i).style.left =
         document.getElementById("buchstabe" + (i - 1)).style.left;
    }
    document.getElementById("buchstabe1").style.top =
      positionenY[ersteposition];
    document.getElementById("buchstabe1").style.left =
      positionenX[ersteposition];
    setTimeout("bewegen()", 100);
  }

    rechnen();
    document.write('<div id="buchstabe21" '
            + 'style="position:absolute; left:'
            + positionenX[21] + 'px; top:'
            + positionenY[21] + 'px"> I </div>');
    document.write('<div id="buchstabe20" '
            + 'style="position:absolute; left:'                  
            + positionenX[20] + 'px; top:'
            + positionenY[20] + 'px"> N </div>');
    document.write('<div id="buchstabe19" '
            + 'style="position:absolute; left:'
            + positionenX[19] + 'px; top:'
            + positionenY[19] + 'px"> F </div>');
    document.write('<div id="buchstabe18" '
            + 'style="position:absolute; left:'
            + positionenX[18] + 'px; top:'
            + positionenY[18] + 'px"> O </div>');
    document.write('<div id="buchstabe17" '
            + 'style="position:absolute; left:'
            + positionenX[17] + 'px; top:'
            + positionenY[17] + 'px"> R </div>');
    document.write('<div id="buchstabe16" '
            + 'style="position:absolute; left:'
            + positionenX[16] + 'px; top:'
            + positionenY[16] + 'px"> M </div>');
    document.write('<div id="buchstabe15" '
            + 'style="position:absolute; left:'
            + positionenX[15] + 'px; top:'
            + positionenY[15] + 'px"> A </div>');
    document.write('<div id="buchstabe14" '
            + 'style="position:absolute; left:'
            + positionenX[14] + 'px; top:'
            + positionenY[14] + 'px"> T </div>');
    document.write('<div id="buchstabe13" '
            + 'style="position:absolute; left:'
            + positionenX[13] + 'px; top:'
            + positionenY[13] + 'px"> I </div>');
    document.write('<div id="buchstabe12" '
            + 'style="position:absolute; left:'
            + positionenX[12] + 'px; top:'
            + positionenY[12] + 'px"> K </div>');
    document.write('<div id="buchstabe11" '
            + 'style="position:absolute; left:'
            + positionenX[11] + 'px; top:'
            + positionenY[11] + 'px">   </div>');
    document.write('<div id="buchstabe10" '
            + 'style="position:absolute; left:'
            + positionenX[10] + 'px; top:'
            + positionenY[10] + 'px"> W </div>');
    document.write('<div id="buchstabe9" '
            + 'style="position:absolute; left:'
            + positionenX[9] + 'px; top:'
            + positionenY[9] + 'px"> I </div>');
    document.write('<div id="buchstabe8" '
            + 'style="position:absolute; left:'
            + positionenX[8] + 'px; top:'
            + positionenY[8] + 'px"> R </div>');
    document.write('<div id="buchstabe7" '
            + 'style="position:absolute; left:'
            + positionenX[7] + 'px; top:'
            + positionenY[7] + 'px"> T </div>');
    document.write('<div id="buchstabe6" '
            + 'style="position:absolute; left:'
            + positionenX[6] + 'px; top:'
            + positionenY[6] + 'px"> S </div>');
    document.write('<div id="buchstabe5" '
            + 'style="position:absolute; left:'
            + positionenX[5] + 'px; top:'
            + positionenY[5] + 'px"> C </div>');
    document.write('<div id="buchstabe4" '
            + 'style="position:absolute; left:'
            + positionenX[4] + 'px; top:'
            + positionenY[4] + 'px"> H </div>');
    document.write('<div id="buchstabe3" '
            + 'style="position:absolute; left:'
            + positionenX[3] + 'px; top:'
            + positionenY[3] + 'px"> A </div>');
    document.write('<div id="buchstabe2" '
            + 'style="position:absolute; left:'
            + positionenX[2] + 'px; top:'
            + positionenY[2] + 'px"> F </div>');
    document.write('<div id="buchstabe1" '
            + 'style="position:absolute; left:'
            + positionenX[1] + 'px; top:'
            + positionenY[1] + 'px"> T </div>');
    document.write('<div id="buchstabe0" '
            + 'style="position:absolute; left:'
            + positionenX[0] + 'px; top:'
            + positionenY[0] + 'px"> S </div>');                                         
    setTimeout("bewegen()", 100);
  </script>

 

[nookie]

Was soll sich um wie eine Schleife um ein Bild drehen? Ich gehe mal stark davon aus das du diesen Code irgendwo kopiert hast... Sei dann doch so nett und sag woher..

 

[kaepten]

Sei dann doch so nett und sag woher..

Der Text soll kreisen.

Habe es nirgendwo kopiert. Habe es selber geschrieben. Es gibt im Internet genügend Seiten die einen erklären wie man was angehen muss :)

 

[bodo92]

Am einfachsten helfen könnte man in diesem Fall wenn du mal auf http://jsfiddle.net ein Beispiel anlegst..

 

[thecain]

Selber geschrieben? Riesen zufall?...

https://www.teialehrbuch.de//Kostenlose-Kurse/JavaScript/12901-Animierter-Text.html

 

[Tronjer]

Beispiele aus einem Buch zu übernehmen ist ok. Problematisch wird es allerdings dann, wenn wie im obigen Fall völlig veraltetes Material herangezogen wird und der Betreffende aus einem fortgeschrittenen Kapitel ein vermeintlich cooles Script kopiert, welches er weder versteht noch debuggen kann, weil er nicht gelernt hat, wie man nach Fehlern sucht.

 

[thecain]

Ja, durchaus ok, doch kann man das dann auch sagen, statt zu behaupten es ist selber gemacht