ansaurus

Question

Answer 1

+5 A:

Given the following markup:

<div id="marquee">My Text</div>

I'd do something like this:

$("#marquee").wrapInner("div"); // wrap "My Text" with a div
$("#marquee").append($("#marquee div").clone().hide()); // now there are two divs with "My Text"
// animate the divs as desired

EDIT:

See a preview with more code here.

Joel Potter 2010-01-26 22:18:49

Still need code to swap once marquee has passed the visible window.

Diodeus 2010-01-26 22:29:03

This is not seamless, there is a huge gap after text end and before text starts again.

Evgeny 2010-06-20 17:21:33

@Evgeny, depends on your definition of seamless. This design makes the screen act like a cylinder, causing the text flowing off one side to immediately appear on the other.

Joel Potter 2010-07-12 13:53:24

@Joel, seamless for me means without visible large gaps after text content end and before text content start - given that the gap is not part of the content itself (spaces, tabs, etc).

Evgeny 2010-07-13 17:22:58

@Evgeny, as I said, it depends. From my reading of the question, this is the result the OP was looking for. Your version would not be hard to write I imagine. If you want, create another question and I or someone else will try it.

Joel Potter 2010-07-14 15:30:51

@joel still laggy ( maybe becouse of useing css )

Adam Ramadhan 2010-07-26 18:34:38

Answer 2

A:

Thanks for the information

Anurag Katoch 2010-04-15 08:51:03

Answer 3

A:

try this http://takien.com/699/jquery-twitter-marquee.php

takien 2010-07-28 16:41:07

Answer 4

A:

Hi,

Can any one give example of vertical scrolling images continuesly.

-vara www.varadesigns.com

vara 2010-10-28 10:33:11

ansaurus

tags:

views:

answers:

Seamless jQuery Marquee?

related questions