[jquery]emulacja <marquee> Opcje

[zdzichu]

Witajcie,
mam następujący problem:
chciałbym wykonać pasek z newsami a'la ten z tvn24(mowie teraz o tv, nie .pl (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) ) - większość stron (głównie wyświetlają w ten sposób dane giełdowe) rozwiązuje problem za pomocą flasha, ja jednak wolałbym to rozwiązać za pomocą jquery - niestety, nie bardzo wiem jak się za to zabrać. na visualjquery.com nie znalazłem funkcji, która przesuwa tekst w lewo - ale to w sumie nie jest najtrudniejsze. Problelem byłoby zrobienie, by "nadmiarowy" tekst się nie pokazywał (css: overflow:hidden; ? ) -jednak zapętlenie wiadomości sprawiałoby mi już problem. Chciałbym też, żeby po najechaniu na link przewijanie się zatrzymywało. Na plugins.jquery.com stosownego pluginu nie widziałem - może ktoś pomóc? Z góry dzięki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[sowiq]

Coś tam znalazłem, może Ci się przyda:
http://stud.aitel.hist.no/~biberg/test/js/scroll.html
http://www.gcmingati.net/wordpress/wp-cont...ery/newsticker/


Co do Twoich pytań:
1) overflow: hidden wystarczy (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
2) Zapętlanie. Ja bym to zrobił tak: robisz sobie dwa div'y z tymi samymi newsami obok siebie. Przesuwasz je w lewo, ale widoczny jest tylko pierwszy. Kiedy pierwszy zaczyna się kończyć, powoli wjeżdża drugi (i wtedy widać ostatnią i pierwszą wiadomość newsa). Kiedy już div'y przesuną się w lewo na tyle, że ten pierwszy będzie niewidoczny, usuwasz go za pomocą DOM, żeby wstawić go za tym drugim div'em. I tak dalej.

Wizualizacja (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
1) <- |123456|123456_
2) <- |456123|456_
3) <- |123456|_
4) <- |123456|123456_

Ten post edytował sowiq 15.09.2008, 16:45:16