Question

I’m hopeless at Javascript. This is what I have:

<script type='text/javascript'>     function beginrefresh(){          //set the id of the target object         var marquee = document.getElementById('marquee_text');          if(marquee.scrollLeft >= marquee.scrollWidth - parseInt(marquee.style.width)) {             marquee.scrollLeft = 0;         }          marquee.scrollLeft += 1;          // set the delay (ms), bigger delay, slower movement         setTimeout('beginrefresh()', 10);      } </script> 

It scrolls to the left but I need it to repeat relatively seamlessly. At the moment it just jumps back to the beginning. It might not be possible the way I’ve done it, if not, anyone have a better method?

Answer 1

Here is a jQuery plugin with a lot of features:

http://jscroller2.markusbordihn.de/example/image-scroller-windiv/

And this one is ‘silky smooth’

http://remysharp.com/2008/09/10/the-silky-smooth-marquee/