newsticker erweitern

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • newsticker erweitern

    Hallo,
    ich habe hier ein tolles Script das ich verwenden möchte. Nun ist das Problem, dass der Ticker nicht mehr von Vorne anfängt wenn der Text durchgelaufen ist. Kann mir jemand einen Tipp geben, wie ich das realisieren kann.

    Hier der Code:

    <p id="ticker" style="position:absolute;top:100px;left:100px;" onmouseover="clearTimeout(interval);" onmouseout="scroll(this)">Mein toller Newsticker</p>
    <script type="text/javascript">
    var ticker = document.getElementById('ticker');
    var interval = null;

    function scroll(who) {
    interval = window.setInterval(function() {
    who.style.left = (parseInt(who.style.left) - 1) + 'px';
    }, 10);
    }

    </script>

  • #2
    Check halt, ob das zu bewegende Element den Anzeigebreich bereits verlassen hat. Wenn ja, wirds eben wieder an den Anfang gesetzt.
    [FONT="Helvetica"]twitter.com/unset[/FONT]

    Shitstorm Podcast – Wöchentliches Auskotzen

    Kommentar


    • #3
      hab leider keinen blassen schimmer..

      wie ich das realierien kann. kannst du mir einen tipp geben?

      Kommentar


      • #4
        Re: hab leider keinen blassen schimmer..

        Original geschrieben von sanktusm
        hab leider keinen blassen schimmer.. wie ich das realierien kann.
        OffTopic:
        Soweit ich mich erinnere, war das bisher so gut wie immer deine Standardantwort, wenn dir Tipps und Anregungen bzgl. Javascript gegeben wurden.

        Vielleicht solltest du dich langsam mal ein bisschen mehr damit auseinandersetzen.
        I don't believe in rebirth. Actually, I never did in my whole lives.

        Kommentar


        • #5
          ok hab mich damit auseinandergesetzt

          aber leider noch kein ergebnis erzielt. Hier eine erweiterung des scripts

          <script type="text/javascript">

          var ticker = document.getElementById('ticker');
          var interval = null;

          function scroll(who) {
          interval = window.setInterval(function go() {
          who.style.left = (parseInt(who.style.left) - 1) + 'px';
          }, 10); i = i + 1;
          if(i >= 10){
          window.clearInterval(interval);
          scroll(ticker); }
          }



          scroll(ticker);

          </script>

          Kommentar


          • #6
            nur noch ein kleiner sprung

            <p id="ticker" style="position:absolute;top:100px;left:100px;" onmouseover="clearTimeout(interval);" onmouseout="scroll(this)">Mein toller Newsticker</p>
            <script type="text/javascript">
            var ticker = document.getElementById('ticker');
            var interval = null;
            var i = 0;
            function scroll(who) {
            interval = window.setInterval(function() {
            who.style.left = (parseInt(who.style.left) - 1) + 'px';
            i = i + 1;
            if(i >= 100) {
            i = 0;
            window.clearInterval(interval);

            }
            }, 10);
            }

            scroll(ticker);
            </script>

            bin ich der lösung näher gekommen?

            Kommentar


            • #7
              nur noch ein kleiner sprung

              <p id="ticker" style="position:absolute;top:100px;left:100px;" onmouseover="clearTimeout(interval);" onmouseout="scroll(this)">Mein toller Newsticker</p>
              <script type="text/javascript">
              var ticker = document.getElementById('ticker');
              var interval = null;
              var i = 0;
              function scroll(who) {
              interval = window.setInterval(function() {
              who.style.left = (parseInt(who.style.left) - 1) + 'px';
              i = i + 1;
              if(i >= 100) {
              i = 0;
              window.clearInterval(interval);

              }
              }, 10);
              }

              scroll(ticker);
              </script>

              bin ich der lösung näher gekommen?

              Kommentar


              • #8
                ok gelöst soll nur einer sagen ich setze mich mit dem thema nicht auseinander

                <p id="ticker" style="position:absolute;top:100px;left:100px;" onmouseover="clearTimeout(interval);" onmouseout="scroll(this)">Mein toller Newsticker</p>
                <script type="text/javascript">

                var ticker = document.getElementById('ticker');
                var interval = null;
                var i = 0;


                function scroll(who) {
                interval = window.setInterval(function () {
                who.style.left = (parseInt(who.style.left) - 1) + 'px';
                i = i + 1;
                if(i >= 200) {
                i = 0;
                window.clearInterval(interval);
                who.style.left = 100;
                scroll(ticker);
                }
                } , 10);
                }

                scroll(ticker);


                </script>

                Kommentar

                Lädt...
                X