I have a long HTML list of say, 30 items. I would like to display this list in a vertical space that is only tall enough to acmodate about 5 of them. The list should automatically scroll vertically through the items (like a news ticker), but there are button to pause the scrolling and move to the next or previous items in the list. When the scrolling has reached the end of the list, it should restart at the beginning.
I'm looking for a jQuery plugin remendation that can provide this functionality. I have a couple of other requirements, which are not absolutely necessary, but very desirable:
- can acmodate list items of different heights
- does not depend on jQuery-UI
The entire list will be loaded when the page is displayed, so I don't need to be able to load the list items via AJAX.
I have a long HTML list of say, 30 items. I would like to display this list in a vertical space that is only tall enough to acmodate about 5 of them. The list should automatically scroll vertically through the items (like a news ticker), but there are button to pause the scrolling and move to the next or previous items in the list. When the scrolling has reached the end of the list, it should restart at the beginning.
I'm looking for a jQuery plugin remendation that can provide this functionality. I have a couple of other requirements, which are not absolutely necessary, but very desirable:
- can acmodate list items of different heights
- does not depend on jQuery-UI
The entire list will be loaded when the page is displayed, so I don't need to be able to load the list items via AJAX.
Share Improve this question asked May 29, 2012 at 13:18 DónalDónal 187k177 gold badges585 silver badges844 bronze badges2 Answers
Reset to default 6Have you seen this:
http://buildinternet./2011/02/totem-a-vertical-ticker-jquery-plugin/
I used it recently and it worked great. Seems to meet your requirements.
try this, it's a simplest solution without using additional jQuery plugin: http://jsfiddle/shershen08/5q3Bv/4/