Results 1 to 5 of 5

Thread: Cmotion not scrolling.

  1. #1
    Join Date
    Apr 2009
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Cmotion not scrolling.

    1) Script Title: Cmotion Image Gallery

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

    3) Describe problem: Not scrolling

    I've tried integrating this script on our webpage but cannot get it to scroll.

    i've tried putting it on a new blank page, without any other scripts (i.e.: without the navbar image mouseover script, without the shadow box script).
    and i've tried using the supplied code as-is with the sample gif.

    here's what the page contains for the code:

    Code:
    <div id="motioncontainer" style="position:relative;overflow:hidden;width:500px;height:125px;">
    	<div id="motiongallery" style="position:absolute;left:15px;top:0;white-space:nowrap;">
    		<nobr id="trueContainer">
            	<a rel="shadowbox" href="images/concept1.jpg"><img src="images/aconcept1.jpg"/></a>
                <a rel="shadowbox" href="images/concept1.jpg"><img src="images/aconcept1.jpg"/></a>
                <a rel="shadowbox" href="images/concept1.jpg"><img src="images/aconcept1.jpg"/></a>
                <a rel="shadowbox" href="images/concept1.jpg"><img src="images/aconcept1.jpg"/></a>
                <a rel="shadowbox" href="images/concept1.jpg"><img src="images/aconcept1.jpg"/></a>
                <a rel="shadowbox" href="images/concept1.jpg"><img src="images/aconcept1.jpg"/></a>
            </nobr>
        </div>
    	</div>
    i've left the supplied call-up code in the head intact. the .js and the .css supplied are in the root, as is the html page.

    i've modified the .js slightly to match the width and height specified in the html div tags above (500 x 125)

    it just doesn't want to scroll. any help or insight? am i overlooking something really obvious here?
    thanks!





    also, once this is working, i'd like multiple occurrences of it. searched and found the "OO" object oriented thread for this code, but it seems like it never went live. what will be an easy way to do this? or should i start a new thread once this problem is resolved?
    Last edited by ryanr; 04-21-2009 at 08:27 PM.

  2. #2
    Join Date
    Apr 2009
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    UPDATE:

    it works, but i had to remove the navbar script in the <body> also and not just the script call in the <head>.
    i read your sticky about not answering questions regarding html with multiple scripts, but there's got to be a way for this to work nicely. please advise.
    thank you.
    Last edited by ryanr; 04-21-2009 at 08:27 PM.

  3. #3
    Join Date
    Apr 2009
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    the nav-bar's "onMouseOver" and "onMouseOut" functions are conflicting with the motiongallery.js' functions of the same name.

    where can i define a "onMouseOver2" and a "onMouseOut2" functions for motiongallery.js?

  4. #4
    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 post a link to the 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

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

    Default

    Quote Originally Posted by jscheuer1 View Post
    Please post a link to the page on your site that contains the problematic code so we can check it out.
    i did. edited out. twelve hours for a response was leaving me looking for other options.

    there was an onLoad bit in the body tag for the navbar script. moved it to the header, and all is fine now.

    trying to get the motiongallery_oo.js to run now. . .

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
  •