Autor Zpráva
Bazzi
Profil *
Zdravim vsechny,
snad mi tady nekdo poradite co delam spatne

mam scritp:
<script src="Script/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
    $.fn.scrollText = function(options) {
        options = $.extend(
                              {
                                  data: [],
                                  delay: 5500,
                                  speed: 350
                              },
                              options
                        );
        var $container = $(this);
        $.each(options.data, function(index, row) {
            $container.append('<div>' + row + '</div>');
        });
        if (options.data.length < 2)
            return;
        setInterval(
                              function() {
                                  var $row = $(':first', $container);
                                  $row
                                          .data({ marginTop: $row.css('margin-top') })
                                          .animate(
                                                { marginTop: '-' + $row.outerHeight() },
                                                {
                                                    duration: options.speed,
                                                    complete: function() {
                                                        $container.append($row.remove());
                                                        $row.css({ marginTop: $row.data('marginTop') });
                                                    }
                                                }
                                          );
                              },
                              options.delay
                        );
    };

    $(function() {
        $('.test').scrollText({
            data: ['text1','teeeeext2','teeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeext3','teeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeext4','teeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeext5',]
        });
    }); 
   </script> 
   
</head>
<body>
  <div class="test"></div>
</body>

tento script by mel jen posouvat nactene radky o jeden nahoru v urcitem casu. Problem vsak nastava kdyz se text nevejde do mnou stanoveneho ramesku width:600px . Text se uspesne zalamuje na dalsi radek (Opera, IE i FF), u Opery a IE funguje zalomeny kus jako dalsi radek (to mi az tak moc nevadi) jako spis to ze u FF se zalomeny kus radku prekryje dalsi radkem = nebere zalomeny text jako dalsi radek.
Uplne nejlepsi by samozrejme bylo kdyby text ktery se nevejde do 600px a zalomi se na dva radky se pohyboval jako jeden radek ale to opravdu nezvladam.

Vedel by jste nekdo v cem delam chybu nebo jak kod poupravit aby fungoval spravne.

Moderátor Str4wberry: Tvůj projev je špatně srozumitelný, piš prosím s diakritikou.
Moderátor Str4wberry: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
Moderátor Chamurappi: Tvůj projev je špatně srozumitelný, piš prosím s interpunkcí.
Aichi
Profil
zkusil bych si to nasimulovat staticky, tedy podle mě na to JS nemá vliv, ale spíš na to má vliv nějaký styl. Na stránce bez čehokoli, kam dám tvůj kód se nic nikam nezalamuje :)

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0