View Full Version : crawler.js Brilliant, but leaves a gap between iterations

08-04-2011, 08:01 PM
1) Script Title: Text and Image Crawler v1.5

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm

3) Describe problem:
I love this crawler, and it works very well indeed, so thanks to John Scheuer for his amazing work. My only problem is that I want all my images to sit flush next to each other, without a gap, except for a 1px-wide black line between them. To achieve this, I've added a style to the images in that div like this:

#mycrawler img{border-right: 1px solid black;}

And all works well, except there is a gap between the last image, and the next iteration of the first image. I've tried every CSS trick I know to try to eliminate it, but it's beaten me!

To see the crawler in action (with gap!) go to:

It's cursor driven, so you can make it run backwards to see the problem. It;s the white strip between the pic of the girl with long dark hair, and the old man with the beard.

If anyone can shed some light on what might be going wrong, I'd be very grateful

Many thanks in advance,


08-04-2011, 08:47 PM
In your on page init, add the highlighted:

<script type="text/javascript">
uniqueid: 'mycrawler',
style: {
'padding': '0px',
'margin': '0px',
'width': '900px',
'height': '100px'
inc: 3, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 1,
noAddedSpace: true,
neutral: 150,
savedirection: true

08-04-2011, 09:32 PM
John, Thanks so much for your swift response. I cant tell you how much I value the efforts you and others like you put in on forums like this.

Thanks. Simply that!