Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Administrator VIPStephan's Avatar
    Join Date
    Jan 2006
    Halle (Saale), Germany
    Thanked 1,310 Times in 1,280 Posts

    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.

  2. #2
    Senior Coder Spudhead's Avatar
    Join Date
    Jun 2002
    London, UK
    Thanked 110 Times in 109 Posts
    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.

  3. #3
    Regular Coder
    Join Date
    Nov 2009
    Thanked 22 Times in 22 Posts
    Instead of a "circular" horizontal scroller, consider a "circular" rolling one:



    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 04:02 PM.


Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts