Go Back   CodingForums.com > :: Client side development > JavaScript programming > JavaScript frameworks

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rating: Thread Rating: 2 votes, 4.50 average.
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 11-24-2009, 11:28 AM   PM User | #1
VIPStephan
The fat guy next door


 
VIPStephan's Avatar
 
Join Date: Jan 2006
Location: Halle (Saale), Germany
Posts: 7,600
Thanks: 5
Thanked 865 Times in 842 Posts
VIPStephan is a jewel in the roughVIPStephan is a jewel in the roughVIPStephan is a jewel in the rough
horizontal news ticker w/ jQuery (marquee kind of thing)

I’m currently trying to put a horizontal news scroller on a page and since I’m using jQuery already I wanted to have something using this framework. However, all I found so far isn’t 100% satisfying for me so far.

The best I could find was liScroll which works but makes me a little suspicious as the script hasn’t been updated since 2007. OK, this could as well be a sign that the script is perfect and it is working in all major browsers but it has a huge gap after the last news item has passed. I would like it to be completely circular, i. e. the first news item should come right after the last one again without huge gap. Does anybody know what I would have to modify? I can’t for the life of me find what’s causing the gap.

I also tried to modify the news ticker script on http://net.tutsplus.com/tutorials/ja...y-news-ticker/ (to make it horizontal) and it works perfectly in Firefox if I change all marginTop and height occurrences to width and marginLeft but IE refuses to accept this (i. e. doesn’t scroll).

The last option I tried was to use scrollable’s autoscroll plugin but it doesn’t work as smoothly as the other ones and I think it’s not so well suited for this purpose.

So I’m totally grateful for any help you can give me.
__________________
Don’t click this link!
VIPStephan is offline   Reply With Quote
Old 11-25-2009, 11:20 AM   PM User | #2
Spudhead
Senior Coder

 
Spudhead's Avatar
 
Join Date: Jun 2002
Location: London, UK
Posts: 1,856
Thanks: 8
Thanked 110 Times in 109 Posts
Spudhead is on a distinguished road
The best I could suggest is jCarousel - there's a couple of examples of setting it to autoscroll and making it look truly circular. I suspect that you'll be able to muck about with the timings on that to make it a fairly smooth and seamless news scroller, but yeah it's not really designed for it.
Spudhead is offline   Reply With Quote
Old 11-25-2009, 02:42 PM   PM User | #3
Sciliano
Regular Coder

 
Join Date: Nov 2009
Posts: 247
Thanks: 4
Thanked 22 Times in 22 Posts
Sciliano is an unknown quantity at this point
Instead of a "circular" horizontal scroller, consider a "circular" rolling one:

http://forums.digitalpoint.com/showthread.php?t=1586971

http://www.dynamicdrive.com/forums/s...ad.php?t=49532

The only way I know to make a "circular" horizontal scroller is letter by letter. Remove a letter from the left, append it on the right. It's choppy, but it works.

I have an example of that, if interested contact me, and I'll send it to you.

Last edited by Sciliano; 11-25-2009 at 03:02 PM..
Sciliano is offline   Reply With Quote
Reply

Bookmarks

Tags
horizontal, jquery, marquee, newsticker, scroll

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 01:50 AM.


Advertisement
Log in to turn off these ads.