PDA

View Full Version : CMotion not scrolling



blue38
05-17-2006, 08:56 PM
Script: CMotion Image Gallery
http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.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/motiongallery/motiongallery.html

thanks tons

blue38

Twey
05-17-2006, 09:05 PM
Hahahaha.

jscheuer1
05-18-2006, 07:04 AM
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
05-18-2006, 01:11 PM
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
05-18-2006, 04:00 PM
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
05-18-2006, 04:42 PM
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
05-18-2006, 04:58 PM
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
05-18-2006, 05:41 PM
The styling was fine to begin with, Strangeplant was wrong, not realizing that the styles had been correctly included in your existing stylesheet.