Results 1 to 5 of 5

Thread: Crawler.js problems

  1. #1
    Join Date
    Apr 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Crawler.js problems

    http://www.dynamicdrive.com/dynamici...wler/index.htm

    Hoping to get a bit of help with a problem I am having with crawler.js

    The script runs, the images crawl across the screen however, I have 7 images to scroll through and hoping to add many more, my client is hoping for about 35, but at the moment, when the crawler starts it shows the first 3 images, then back to the start but then only scrolls through 6 or the 7 images. Is there a limit to the number of images that can be used?

    Here is the code, the crawler.js file has not been edited at all.

    Code:
    <div style="position: absolute; width: 860px; height: 240px; z-index: 5; left: 20px; top: 198px" id="contentwrapper" class="style1">
    <div class="marquee" id="mycrawler" style="height: 240px; width: 860px;">
    <img src="graphics_img/hp1lge.jpg" />
    <img src="graphics_img/hp2lge.jpg" />
    <img src="graphics_img/hp3lge.jpg" />
    <img src="graphics_img/hp4lge.jpg" />
    <img src="graphics_img/hp5lge.jpg" />
    <img src="graphics_img/hp6lge.jpg" />
    <img src="graphics_img/hp7lge.jpg" />
    </div>
    </div>
    And the code for MarqueeInit

    Code:
    <script type="text/javascript">
    marqueeInit({
    	uniqueid: 'mycrawler',
    	style: {
    		'padding': '0px',
    		'width': '860px',
    		'height': '240px'
    	},
    	inc: 3, //speed - pixel increment for each iteration of this marquee's movement
    	mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
    	moveatleast: 3,
    	neutral: 150,
    	savedirection: true
    });
    </script>
    Last edited by djr33; 04-01-2010 at 06:01 AM. Reason: fixed [/code]

  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

    There's virtually no limit to the number of images. You shouldn't use inline style for the id="mycrawler" division, get rid of the highlighted:

    Code:
    <div style="position: absolute; width: 860px; height: 240px; z-index: 5; left: 20px; top: 198px" id="contentwrapper" class="style1">
    <div class="marquee" id="mycrawler" style="height: 240px; width: 860px;">
    <img src="graphics_img/hp1lge.jpg" />
    <img src="graphics_img/hp2lge.jpg" />
    <img src="graphics_img/hp3lge.jpg" />
    <img src="graphics_img/hp4lge.jpg" />
    <img src="graphics_img/hp5lge.jpg" />
    <img src="graphics_img/hp6lge.jpg" />
    <img src="graphics_img/hp7lge.jpg" />
    </div>
    </div>
    I tried this locally and it made the images stack, obscuring some of them. Removing that inline style fixed it. From the demo page:

    Any styling to your marquee should be done via the "style" parameter


    If you want more help:

    Please post a link to a page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

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

  3. #3
    Join Date
    Apr 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you, it works perfectly after removing the inline style....much appreciated.

  4. #4
    Join Date
    Jul 2012
    Posts
    12
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Hi,

    I use crawler.js for image scrolling and fancy box for viewing the image in a pop up..

    When we click an image, fancy box will count the image and show total images used in the scroll

    My problem is I used 7 images in scroll..But becoz of crawler.js it shows as 14 images..Jus counting double..

    Moreover for 1st 7 images, fancy box works perfect but if i click any images after 7 means When image is clicked, image getting opened in new browser...

    Please help me...


    Crawler.js code is here

    http://www.dynamicdrive.com/dynamici...ler/crawler.js

  5. #5
    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

    Please start a new thread for a new question.
    - John
    ________________________

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

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
  •