CMotion Image Gallery not Scrolling

[melissa]

http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm

I installed the script as the instructions say to do and it isn't scrolling. Here is the code I have on my page:

view page at this url: http://www.melodic-art.com/clientsite/halfact/photos

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

<script type="text/javascript" src="motiongallery.js">

/***********************************************
* CMotion Image Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>

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

<nobr id="trueContainer"><a href="http://www.melodic-art.com/clientsite/halfact/photos/gal1.html" target="main"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal1.gif" border=0></a>
<a href="http://www.melodic-art.com/clientsite/halfact/photos/gal2.html" target="main"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal2.gif" border=0></a>
<a href="http://www.melodic-art.com/clientsite/halfact/photos/gal3.html"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal3.gif" border=0></a>
<a href="http://www.melodic-art.com/clientsite/halfact/photos/gal4.html"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal4.jpg" border=0></a>
<a href="http://www.melodic-art.com/clientsite/halfact/photos/gal5.html"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal5.jpg" border=0></a>
<a href="http://www.melodic-art.com/clientsite/halfact/photos/gal6.html"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal6.jpg" border=0></a>
<a href="http://www.melodic-art.com/clientsite/halfact/photos/gal7.html"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal7.jpg" border=0></a>
<a href="http://www.melodic-art.com/clientsite/halfact/photos/gal8.html"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal8.jpg" border=0></a>
<a href="http://www.melodic-art.com/clientsite/halfact/photos/gal9.html"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal9.jpg" border=0></a>
<a href="http://www.melodic-art.com/clientsite/halfact/photos/gal10.html"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal10.jpg" border=0></a>
<a href="http://www.melodic-art.com/clientsite/halfact/photos/gal11.html"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal11.jpg" border=0></a>
<a href="http://www.melodic-art.com/clientsite/halfact/photos/gal12.html"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal12.jpg" border=0></a>
<a href="http://www.melodic-art.com/clientsite/halfact/photos/gal13.html"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal13.jpg" border=0></a>
<a href="http://www.melodic-art.com/clientsite/halfact/photos/gal14.html"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal14.jpg" border=0></a>
<a href="http://www.melodic-art.com/clientsite/halfact/photos/gal15.html"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal15.jpg" border=0></a>
<a href="http://www.melodic-art.com/clientsite/halfact/photos/gal16.html"><img src="http://www.melodic-art.com/clientsite/halfact/images/thumbs/th_gal16.jpg" border=0></a>
</nobr>

</div>
</div>

thanks so much for the help!!

[jscheuer1]

I'll let others comment on how poorly designed the page is in general. To get the script to work, you need to upload the files:

1) motiongallery.js
2) gallerystyle.css

to the same directory as the page (to get these files, go to the demo page for the script, right click on the names of these files on that page, as it instructs you to, and chose 'Save As', then upload them to directory of your page on the server). Also, since you have an onload event in the body tag already:


<body bgcolor="#2D2D2D" link="#FFFFFF" vlink="#FFFFFF" text="#FFFFFF"
onLoad="window.onresize=new Function('if (navigator.appVersion==\'Netscape\') history.go(0); else center();'); center();">

You must remove this line from the motiongallery.js file (use a text editor, like NotePad):


window.onload=fillup

and add to the onload event in the body tag the below red highlighted text, like so (also using a text editor):


<body bgcolor="#2D2D2D" link="#FFFFFF" vlink="#FFFFFF" text="#FFFFFF"
onLoad="fillup();window.onresize=new Function('if (navigator.appVersion==\'Netscape\') history.go(0); else center();'); center();">

If done as explained above, this will get things to work but, you will probably then want to configure the script (for look and feel). Read the documentation in the script and on the demo page thoroughly, as a guide in doing so.

[melissa]

thank you for your help. I really appreciate it.