There are a number of problems with the page. Fix at least the following:
Remove:
Code:
window.onload=fillup;
from the motiongallery.js file. Add it (red) to your other body onload event:
Code:
<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:
Code:
<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>
Bookmarks