endless marquee

Question

Ok I have this html

        <marquee scrollamount="6">
            <a href="javascript:void(0)" ><img src="images/banner/03.gif" /></a>
            <a href="javascript:void(0)" ><img src="images/banner/04.gif" /></a>
            <a href="javascript:void(0)" ><img src="images/banner/05.gif" /></a>
            <a href="javascript:void(0)" ><img src="images/banner/06.gif" /></a>
            <a href="javascript:void(0)" ><img src="images/banner/07.gif" /></a>
            <a href="javascript:void(0)" ><img src="images/banner/03.gif" /></a>
            <a href="javascript:void(0)" ><img src="images/banner/04.gif" /></a>
            <a href="javascript:void(0)" ><img src="images/banner/05.gif" /></a>
            <a href="javascript:void(0)" ><img src="images/banner/06.gif" /></a>
            <a href="javascript:void(0)" ><img src="images/banner/07.gif" /></a>
        </marquee>

this marque moves my images from right to left.

my question is, is there a way to know if the element is hidden already?

I'm planning to get the element that goes out of view then append it as last element of <marquee>. I want to get an endless marquee. Please help me, I'm stuck.

Answer 1

Use jquery + marquee plugin like http://remysharp.com/2008/09/10/the-silky-smooth-marquee/

<marquee> tag is deprecated:

The marquee tag is a non-standard HTML element which causes text to scroll up, down, left or right automatically. The tag was first introduced in early versions of Microsoft's Internet Explorer, and was compared to Netscape's blink element, as a proprietary non-standard extension to the HTML standard with usability problems. It is deprecated by the W3C and not advised by them for use in any HTML documents.

Answer 2

try this http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider

or this http://www.w3.org/TR/css3-marquee/

Answer 3

jQuery + JQuery Tools: Scrollable + Autoscroll Plugin

Demo here (Press play)

You could just set it to autoscroll automatically when the page is loaded. It also has a lot of great methods like getVisibleItems() that let you know what's visible and what's not at any given time.

It uses clean, semantic markup, so you can lose the <Marquee> tag.

They even host it on their CDN: http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js