CMotion not scrolling

[blue38]

Script: CMotion Image Gallery
http://www.dynamicdrive.com/dynamici...iongallery.htm

I am new to this forum, I am trying this CMotion dd script out.. but it won't scroll.. can anybody help please..

my link is here:
http://beard.dialnsa.edu/~lain/motio...ongallery.html

thanks tons

blue38

[Twey]

Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format for asking a question.

[jscheuer1]

You're main problem is in failing to use the demo page's HTML as instructed, use something like (from the demo page):

<div id="motioncontainer" style="position:relative;width:400px;height:150px;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;">

Not:

<div id="motioncontainer">
<div id="motiongallery">

as you have on your page. You can adjust the width and height of the motioncontainer division's inline style to suit, but the rest should be kept as is.

[Strangeplant]

There is still more to do. The following line is missing from the DD Script (should be placed in the head section as indicated on the script instructions):

<link rel="stylesheet" type="text/css" href="gallerystyle.css" />

Then make sure that the file, gallerystyle.css is on the server.

And in the body, you have (in part):

<a href="javascript:enlargeimage('images/ring/r2.jpg', 300, 300)"><img src="images/ring/r2(t).jpg" border=1></a>

<a href="http://www.dynamicdrive.com">
<img src="images/ring/r1(t).jpg" border=1></a> <a href="#">

Well, you DO want to change the <a href="http://www.dynamicdrive.com"> part to your own.

Keep working on it and look carefully. Hope this helps.

[jscheuer1]

There is still more to do. The following line is missing from the DD Script (should be placed in the head section as indicated on the script instructions):

<link rel="stylesheet" type="text/css" href="gallerystyle.css" />

Then make sure that the file, gallerystyle.css is on the server.

And in the body, you have (in part):

<a href="javascript:enlargeimage('images/ring/r2.jpg', 300, 300)"><img src="images/ring/r2(t).jpg" border=1></a>

<a href="http://www.dynamicdrive.com">
<img src="images/ring/r1(t).jpg" border=1></a> <a href="#">

Well, you DO want to change the <a href="http://www.dynamicdrive.com"> part to your own.

Keep working on it and look carefully. Hope this helps.

The first suggestion above is wrong because blue38 has incorporated the styles from gallerystyle.css in the stylesheet 'menu.css' that is already linked to the page. The second suggestion is valid but probably obvious and something almost anyone would know to do once the script effect was working. After all, the link that blue38 gives is to a test page. Still it is valid but, an alternative would be to remove the link altogether.

The suggestion I made in my previous post in this thread is the reason the script did not work.

[blue38]

oh it works fine now.. thank you all for your suggestion. I didn't know I can't put the styling of those two id divs into an external css sheet.
Thank you so much. Well appreciated.

[Twey]

I didn't know I can't put the styling of those two id divs into an external css sheet.

You can, in theory. You probably did it incorrectly.

[jscheuer1]

The styling was fine to begin with, Strangeplant was wrong, not realizing that the styles had been correctly included in your existing stylesheet.