Results 1 to 3 of 3

Thread: crawler.js Brilliant, but leaves a gap between iterations

  1. #1
    Join Date
    Apr 2006
    Location
    London
    Posts
    19
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default crawler.js Brilliant, but leaves a gap between iterations

    1) Script Title: Text and Image Crawler v1.5

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...wler/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:
    http://www.dennislyne.com/index.php

    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,

    Nathan

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    In your on page init, add the highlighted:

    Code:
    <script type="text/javascript">
    marqueeInit({
    	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
    });
    </script>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    micklad (08-04-2011)

  4. #3
    Join Date
    Apr 2006
    Location
    London
    Posts
    19
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    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!
    Nathan

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •