CMotion Gallery in Firefox [Archive]

annabelle4876

10-29-2007, 07:09 PM

1) Script Title:
CMotion Image Gallery

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm

3) Describe problem:
I am having some trouble with the CMotion Gallery script. I have put it in one of my webpages, and it works perfectly in Internet Explorer. The problem is I cannot get it to work in Firefox. When I get to the page, the first few pictures load, but it will not scroll at all.

The site is: http://svitcs.com/test/portfolio/

I have checked previous threads, and none of the solutions seem to match my problem. I am sure that it is something really simple, but for the life of me, I cannot figure it out.

Any help would be very much appreciated. Thanks.

jscheuer1

10-29-2007, 08:12 PM

There are a number of problems with the page. Fix at least the following:

Remove:

window.onload=fillup;

from the motiongallery.js file. Add it (red) to your other body onload event:

<body onload="fillup();MM_preloadImages('../images/menubar/menubar2_2.png','../images/menubar/menubar3_2.png','../images/menubar/menubar4_2.png','../images/menubar/menubar5_2.png')">

Remove the intervening division (red, 2 places, opening and closing parts) from the script's markup:

<div id="motioncontainer" style="position:relative;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap;"> <nobr id="trueContainer">

<div align="left"><a href="cabelas.html"><img src="images/thumbs/cabelas.png" width="144" height="144" border=1></a>
<a href="dupage.html"><img src="images/thumbs/dupage.png" width="144" height="144" border=1></a>
<a href="farm.html"><img src="images/thumbs/farm.png" width="144" height="144" border=1></a>
<a href="fieldmuseum.html"><img src="images/thumbs/fieldmuseum.png" width="144" height="144" border=1></a>

<a href="henrycrown.html"><img src="images/thumbs/henrycrown.png" width="144" height="144" border=1></a>
<a href="midway.html"><img src="images/thumbs/midway.png" width="144" height="144" border=1></a>
<a href="penguin.html"><img src="images/thumbs/penguin.png" width="144" height="144" border=1></a>
<a href="sixflags.html"><img src="images/thumbs/sixflags.png" width="144" height="144" border=1></a> <a href="totspot.html"><img src="images/thumbs/totspot.png" width="144" height="144" border=1></a>
<a href="indy.html"><img src="images/thumbs/indy.png" width="144" height="144" border=1></a>
</div>
</nobr></div></div>