PDA

View Full Version : Cmotion not scrolling.



ryanr
04-21-2009, 04:37 PM
1) Script Title: Cmotion Image Gallery

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.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:


<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?

ryanr
04-21-2009, 04:50 PM
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.

ryanr
04-21-2009, 08:04 PM
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?

jscheuer1
04-22-2009, 05:21 AM
Please post a link to the page on your site that contains the problematic code so we can check it out.

ryanr
04-22-2009, 06:39 PM
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. . .