An automatically scrolling live ticker (like the "Top Tweets" of Twitter)

Question

Is there a good Javascript library for generating an automatically scrolling list like the "Top Tweets" on the Twitter homepage? Preferable as jQuery plugin. It should also support AJAX functionality (to add new list items dynamically).

medihack · Accepted Answer · 2012-10-31T16:40:58.630

9

As we were not really satisfied with the existing solutions we implemented one from scratch. Our solution is a fully jQuery UI compatible ticker plugin (also compatible with their theming framework) and fully unit tested. We didn't yet have the time to test it under every browser, so feedback is welcome (for problems please open issues on the below Github project site).

A special styled demo (Twitter like) is available here. The main main repository can be found here (ticker branch). There are several options to customize the ticker (documentation at the above mentioned Github repository).

Screenshot:

Ticker Screenshot

edited Oct 31 '12 at 16:40

answered Dec 04 '10 at 00:19

medihack

16,045
21
90
134

1

Hi Tim, I just updated the links to the new demo and repo. Ticker is part now of a little javascript (jquery ui) widget library called Fiji (https://github.com/medihack/fiji). – medihack Oct 31 '12 at 16:43

score 3 · Answer 2 · answered Oct 01 '10 at 03:49

3

Here is a nice solution: Scrolling List

answered Oct 01 '10 at 03:49

medihack

16,045
21
90
134

***duplicate answer*** using ***Scrolling List*** ? – Kiquenet Feb 08 '16 at 15:25

score 0 · Answer 3 · answered Sep 29 '10 at 00:57

0

Try http://www.htmldrive.net/items/demo/38/Multi-purpose-slideshowtext-scrollerimages-scroller-jquery-plugin

answered Sep 29 '10 at 00:57

stevendesu

15,753
22
105
182

score 0 · Answer 4 · answered Sep 29 '10 at 08:09

0

That is the best solution I was able to find: Scrolling List

answered Sep 29 '10 at 08:09

medihack

16,045
21
90
134

score 0 · Answer 5 · answered Sep 29 '10 at 08:17

If you want to write your own, make a div of fixed width/height, with overflow: hidden, then create another div inside it, with the position: relative property, filled with content from your feed (twitter posts, or similar, etc). Then, when the page loads just make the inner div's top: CSS value change (if you want the list to scroll up, the top value should decrement from zero).

I doubt this helps, but it is quite a good, simple way to get a scrolling without using a jQuery plugin.

An automatically scrolling live ticker (like the "Top Tweets" of Twitter)

5 Answers5

Linked