Results 1 to 7 of 7

Thread: Image Crawler "marqueeInit is not defined" error

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

    Default Image Crawler "marqueeInit is not defined" error

    1) Script Title: Text and Image Crawler

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

    3) Describe problem: I'm trying to get the Image Crawler script to work on my Zencart site but all I get is marqueeInit is not defined. The images show up but they dont move.

    My website is http://canyonawards.com

    I'm not sure if I have the code in the right files. Any help would be greatly appreciated.

    html_header.php
    [CODE]
    <script type="text/javascript" src="crawler.js">
    /*
    Text and/or Image Crawler Script ©2009 John Davenport Scheuer
    as first seen in http://www.dynamicdrive.com/forums/ username: jscheuer1
    This Notice Must Remain for Legal Use
    */
    </script>
    [CODE]

    define_main_page.php
    [CODE]
    <div class="marquee" id="mycrawler2">

    <a href="index.php?main_page=index&cPath=65"><img title="Plaques" src="crawler/images/01.jpg" /></a>
    <a href="index.php?main_page=index&cPath=78"><img title="Acrylic Awards" src="crawler/images/02.jpg" /></a>
    <a href="index.php?main_page=index&cPath=77"><img title="Crystal Awards" src="crawler/images/03.jpg" /></a>
    <a href="index.php?main_page=index&cPath=113"><img title="Cast Awards" src="crawler/images/04.jpg" /></a>
    <a href="index.php?main_page=index&cPath=81"><img title="Clocks" src="crawler/images/05.jpg" /></a>
    <a href="index.php?main_page=index&cPath=117"><img title="Art Glass" src="crawler/images/06.jpg" /></a>
    <a href="index.php?main_page=index&cPath=119"><img title="Eco Friendly" src="crawler/images/07.jpg" /></a>
    <a href="index.php?main_page=index&cPath=118"><img title="Plate Awards" src="crawler/images/08.jpg" /></a>
    <a href="index.php?main_page=index&cPath=73"><img title="Gifts" src="crawler/images/09.jpg" /></a>
    <a href="index.php?main_page=index&cPath=108"><img title="Eagles, Heros & Military" src="crawler/images/10.jpg" /></a>
    <a href="index.php?main_page=index&cPath=112"><img title="Gavels" src="crawler/images/11.jpg" /></a>
    <a href="index.php?main_page=index&cPath=71"><img title="Sports" src="crawler/images/12.jpg" /></a>
    <a href="index.php?main_page=index&cPath=75"><img title="Victory Cups" src="crawler/images/13.jpg" /></a>
    <a href="index.php?main_page=index&cPath=142"><img title="Academic Awards" src="crawler/images/14.jpg" /></a>
    </div>

    <script type="text/javascript">
    marqueeInit({
    uniqueid: 'mycrawler2',
    style: {
    'padding': '100px 0',
    'width': '100%',
    'height': '180px'
    },
    inc: 5, //speed - pixel increment for each iteration of this marquee's movement
    mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
    moveatleast: 2,
    neutral: 150,
    savedirection: true
    });

    </script>
    */
    </script>
    [CODE]

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    Right now the path to the crawler.js is not working.

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

    Default

    Azoomer you are a genius. That worked.

    Do you happen to know how to remove the white space above and below the crawler?

    Thanks
    Mike

  4. #4
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    maybe you could try to adjust this part ( red)
    Code:
    <script type="text/javascript">
    marqueeInit({
    	uniqueid: 'mycrawler2',
    	style: {
    		'padding': '100px 0',
    		'width': '100%',
    		'height': '180px'
    	},
    	inc: 5, //speed - pixel increment for each iteration of this marquee's movement
    	mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
    	moveatleast: 2,
    	neutral: 150,
    	savedirection: true
    });
    </script>

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

    Default

    Hi Azoomer,

    I changed 'padding': '100px 0',

    to 'padding': '2px', and it works great.

    Thanks for your help.

    Mike

  6. #6
    Join Date
    Apr 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi Azoomer,

    One more thing, do you know how to add a caption under each image?

    Thanks
    Mike

  7. #7
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    Hi I am not sure if this is the right way to do it but you could take a look at this thread
    http://www.dynamicdrive.com/forums/s...ad.php?t=56354
    I think she got it working eventually although I'm not sure how it looks in IE. If you go to her main domain you can see an example

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
  •