View Full Version : How to make the marquee continuous

04-09-2013, 12:58 PM
Well we need a pack of images to be displayed in a marquee.. Though it works fine, there is a big gap after the final image how to avoid it?

my code

<h5>Featured clients</h5>
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="3">

<a href="#"><img src="wp-content/uploads/2013/03/logo-e1364471764317.jpg" alt="Bel-aqua" title="Bel-aqua" width="212px" height="50px"/></a>
<a href="#"><img src="wp-content/uploads/2013/03/logo-copy-e1364471789890.png" alt="Foliage Design Systems" title="Foliage Design Systems" width="134px" height="50px"/></a>
<a href="#"><img src="wp-content/uploads/2013/03/logo-e1364471808306.png" alt="Sinop" title="Sinop" width="119px" height="50px"/></a>
<a href="#"><img src="wp-content/uploads/2013/04/logo.png" alt="Habatatgalleries" title="Habatatgalleries" width="389px" height="50px"/></a>
<a href="#"><img src="wp-content/uploads/2013/04/logo11.png" alt="ChefsMart" title="ChefsMart" width="274px" height="54px"/></a>
<a href="#"><img src="wp-content/uploads/2013/04/logoalt.png" alt="Preval" title="Preval" width="198px" height="54px"/></a>
<a href="#"><img src="wp-content/uploads/2013/03/veloshine.png" alt="Veloshine" title="Veloshine" width="160px" height="62px"/></a>
<a href="#"><img src="wp-content/uploads/2013/03/daka_medical_logo-e1364472875993.jpg" alt="Daka Medical" title="Daka Medical" width="135px" height="50px"/></a>

04-09-2013, 05:20 PM
Hi there ssyedmujeeb89,

and a warm welcome to these forums. ;)

For continuous scrolling, javascripting would be required instead of the "marquee element".

Do you have a link to the site, so that we may better assess your problem?

Failing that, could you give us the images that are to be used?


04-10-2013, 01:53 AM
For a continuous scrolling horizontal marquee, I'm partial to my own script for that:


It has many satisfied users worldwide. And this forum provides free support for it. No one using it for its intended purposes has, at least as far as I know, been disappointed, and it can in many cases be adapted to other uses and/or augmentations. It can be a simple scrolling marquee with or without mouseover pause or a mouse cursor directionally controlled feature.

04-17-2013, 02:49 AM
you should try using jQuery Carousel. It has smoother scrolling effect.

04-22-2013, 01:03 AM
you should try using jQuery Carousel. It has smoother scrolling effect.

There are perhaps 55 or more jQuery Carousel scripts (source: I Googled jQuery Carousel). Did you have any particular one in mind? I think most if not all of them move the images one, two or three, etc. at a time rather than as a continuous scrolling marquee.

In any case I might agree with you if one of them did a continuous scroll and was smoother than crawler.

In fact, even though I recommended my own script (which by the way many feel is the smoothest continuous scroller they've ever seen), I don't recommend continuous scrollers in general, not even mine. They're generally best at slow to very slow speeds and with as few and as small images as possible. If you have a lot of images and/or large images and/or want things to move along more quickly, you're better off with a script that moves images in steps, rather than scrolls them continuously like the marquee tag does.

However, that was the original question, so I answered it as it was asked.

04-03-2014, 01:15 PM
thanks...but tell me how i do this for up direction... i put direction 'up' but its not working...plz teel me how i do that

04-03-2014, 06:06 PM
Like as shown on this demo?:


If you know how to View Source to find and save the code and scripts involved, you can get it from there. If not, or if you have any questions or problems, let me know.

04-04-2014, 04:43 AM
i got the code,bt how i do it for UP direction?

04-04-2014, 05:20 AM
Which code?

Oh, and a better script for this is: