Marquee-Geschwindigkeit ändern


  • mortician
  • 2152 Aufrufe 7 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Marquee-Geschwindigkeit ändern

    Also folgender Test.
    Ich habe ein <marquee> - Element mit den angegebenen Attributen scrollamount und scrolldelay.

    Dazu habe ich einen submit-Button, der beim Clicken den Wert des scrollDelay Attributes ändern soll.
    Das klappt leider nicht ...

    es klappt nur kurzzeitig für eine Millisekunde habe ich das Gefühl... danach geht wieder die Uhrsprungsverzögerung "an".

    Code:

    HTML-Quellcode

    1. <html>
    2. <head>
    3. <script type="text/javascript">
    4. function marqFaster() {
    5. document.getElementById("marq").scrollDelay = 10;
    6. }
    7. </script>
    8. </head>
    9. <body>
    10. <marquee scrollamount="2" scrolldelay="5" id="marq">jajajajajajajajajaaaa</marquee>
    11. <marquee scrollamount="2" scrolldelay="5">jajajajajajajajajaaaa</marquee>
    12. <input type="submit" onClick="marqFaster();">
    13. </body>
    14. </html>
    Alles anzeigen


    das klappt nicht!

    Allerdings klappt dieses "Vorhaben", wenn ich für das Marquee vorhher kein scrolldelay angebe.

    Das wäre dann folgendes:

    HTML-Quellcode

    1. <html>
    2. <head>
    3. <script type="text/javascript">
    4. function marqFaster() {
    5. document.getElementById("marq").scrollDelay = 10;
    6. }
    7. </script>
    8. </head>
    9. <body>
    10. <marquee scrollamount="2" id="marq">jajajajajajajajajaaaa</marquee>
    11. <marquee scrollamount="2" scrolldelay="5">jajajajajajajajajaaaa</marquee>
    12. <input type="submit" onClick="marqFaster();">
    13. </body>
    14. </html>
    Alles anzeigen


    Würd mich wirklich über schnelle Antworten freuen, da es echt dringend ist ;)
    Hab im nichts gefunden.

    ´gruß
    [size=1][FONT="Courier New"]###############_###_####_
    #_ __ #___ _ _| |_(_)__(_)__ _ _ _###############new uploads: [1] [2] [3] [4] [5] [6] [7] [8]
    |#'##\/ _ \ '_|##_| / _| / _` | ' \
    |_|_|_\___/_|##\__|_\__|_\__,_|_||_|###############Bis 28. Sept. weg[/FONT][/size]

  • hey danke erstmal...

    da hatte ich auch schon dran gedacht...da hatte ichs mit nem <a>-Element versucht... bei allem das gleiche.

    Mir kommt das so vor, als setzt das marquee-element das Attribut scrollDelay nach jeder "Verzögerung" neu.

    gruß
    [size=1][FONT="Courier New"]###############_###_####_
    #_ __ #___ _ _| |_(_)__(_)__ _ _ _###############new uploads: [1] [2] [3] [4] [5] [6] [7] [8]
    |#'##\/ _ \ '_|##_| / _| / _` | ' \
    |_|_|_\___/_|##\__|_\__|_\__,_|_||_|###############Bis 28. Sept. weg[/FONT][/size]

  • Ich weiß irgendwie nicht, was du willst.
    Da deine Prozedur "faster" heißt, denk ich mir mal, dass du den falschen Wert erhöst.
    Das macht es schneller:

    Quellcode

    1. document.getElementById("marq").scrollAmount = 10;

    Delay heißt "Verzögerung" und macht den marquee-Text langsamer.

    Gruß
    Broken Sword
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.

  • Jah hast schon recht.
    Ich hab auch gemerkt, dass es mit ScrollAmount schneller geht.

    Mit ScrollAmount klappt das Script auch.
    Nur mit ScrollDelay nicht.

    Warum ich ScrollDelay benutzen will?
    Wenn ich den ScrollAmount erhöhe siehts ein wenig "hackelig" aus.
    Wenn ich allerdings die Verzögerung niedriger mache, sieht das ganze sehr flüssig aus.

    Vllt habter ja auch noch ne Idee worans liegen koennte.

    Danke soweit erstmal.
    [size=1][FONT="Courier New"]###############_###_####_
    #_ __ #___ _ _| |_(_)__(_)__ _ _ _###############new uploads: [1] [2] [3] [4] [5] [6] [7] [8]
    |#'##\/ _ \ '_|##_| / _| / _` | ' \
    |_|_|_\___/_|##\__|_\__|_\__,_|_||_|###############Bis 28. Sept. weg[/FONT][/size]

  • Lese dir mal durch, wofür ScrollDelay gut ist.
    Vielleicht findest du dan heraus, dass du das damit nicht realisieren kannst:

    SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Ältere browser-proprietäre Elemente

    Oder Verwende halt ganz einfach ein Text, der sich nach Links Bewegt. dann hast du das Browser-prob auch nicht mehr: freesoft-board.to/f291/suche-e…d-245676.html#post1962078

    Gruß
    Broken sword
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.

  • hier mal der code aus dem script, was ich benutze (abgeschaut von alternate-attax.de bzw. der alten seite, mittlerweile haben sie es nicht mehr!)

    mit tInterval kannst du die geschwindigkeit kontrollieren. Anstatt der Bilder und Links kannst du natürlich beliebigen Inhalt in tItems.push() setzen.

    Beispiel des Scripts (Bannerlaufscript) unter psycho-esports.com

    Quellcode

    1. // THIS SCRIPT WAS ORIGINALLY CODED BY ALTERNATE-ATTAX.DE!
    3. //<![CDATA[
    4. tImgPath = 'templates/psycho/images/marquee/';
    5. tItems = new Array();
    7. // --- Die News Elemente
    8. tItems.push('<a href='http://www.YouServer.at/' style='text-decoration:none'><img src='' + tImgPath + 'YouServer.png' alt='' style='border:0' /></a>');
    9. tItems.push('<a href='http://www.FM6.at/' style='text-decoration:none'><img src='' + tImgPath + 'FM6.png' alt='' style='border:0' /></a>');
    10. tItems.push('<a href='http://www.OC-Card.de/' style='text-decoration:none'><img src='' + tImgPath + 'OC-Card.png' alt='' style='border:0' /></a>');
    11. tItems.push('<a href='http://www.saxii.net/' style='text-decoration:none'><img src='' + tImgPath + 'saxii.png' alt='' style='border:0' /></a>');
    13. // --- Delimiter zwischen den einzelnen News
    14. tDelimiter =' &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ';
    16. // --- Interval in ms
    17. tInterval = 50;
    19. // --- Stop bei mouseover?true:false
    20. tStop = true;
    22. // --- Falls Leeraum zwischen Items...hier Wert erhoehen...minimum:1
    23. tRepeat = 2;
    25. // --- Rahmen
    26. tBorder = '0';
    28. // --- Breite
    29. tWidth = 627;
    31. // --- Höhe
    32. tHeight = 70;
    34. //--- Abstand des Inhalts(#ticker) zum Rahmen(#marquee), ist absolut posinioniert.
    35. tXY = 'left:9px;top:5px;';
    38. // --- Linkziele des Tickers im neuen Fenster öffnen?
    39. tLinkNewWin = true;
    41. function tSetTarget( obj ) {
    42. obj.setAttribute( 'target', '_blank' );
    43. }
    45. function tBlurMe() { this.blur(); }
    47. /*
    48. * DER TICKER
    49. *
    50. */
    51. IE = document.all&&!window.opera;
    52. DOM = document.getElementById&&!IE;
    54. if( DOM || IE ) {
    55. var tGo,
    56. tPos = 0,
    57. tStop = tStop?'onmouseover='clearInterval(tGo)''+ 'onmouseout='tGo=setInterval(\'tTicken()\','+tInterval+')'':'',
    58. tTxt = tDelimiter+tItems.join(tDelimiter),
    59. tItems = tTxt;
    61. for( i = 1; i < tRepeat; ++i ) {
    62. tItems+=tTxt;
    63. }
    65. document.write( '<div id='marquee' style='position:relative;overflow:hidden;border:' + tBorder +
    66. ';width:' + tWidth + 'px;height:' + tHeight + 'px;' + ';'>' +
    67. '<div style='position:absolute;' + tXY + 'width:' + tWidth + 'px;height:' + tHeight + 'px;'+
    68. 'overflow:hidden;clip:rect(0px '+tWidth+'px '+tHeight+'px 0px)'>'+
    69. '<span id='ticker' style='color:#fff; white-space:nowrap;position:relative;'' + tStop + '>' + tItems +
    70. '</span></div></div>' );
    72. tObj = IE ? document.all.ticker : document.getElementById( 'ticker' );
    74. if ( tLinkNewWin ) {
    75. if ( ticker = document.getElementById( 'ticker' ) ) {
    76. aTicker = ticker.getElementsByTagName( 'a' );
    77. for( i=0; i < aTicker.length; i++ ) {
    78. aTicker[i].onfocus = tBlurMe;
    79. tSetTarget( aTicker[i] );
    80. }
    81. }
    82. }
    84. function tTicken() {
    85. tOffset = tObj.offsetWidth/tRepeat;
    86. if( Math.abs( tPos ) > tOffset ) {
    87. tPos = 0;
    88. }
    89. tObj.style.left = tPos + 'px';
    90. tPos = parseInt( tPos ) - 1;
    91. }
    94. }
    95. //]]
    Alles anzeigen