New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact

<html>

<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
* Modified by Jscheuer1 for autowidth and optional starting positions
***********************************************/

</script>
</head>

<body>

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

<div id="trueContainer" style="white-space: nowrap;">

<ul>
<li><a href="#" onClick="enlargeimage('cat.jpg'); return false"><img src="cat.jpg"></a></li>
<li><a href="#" onClick="enlargeimage('cat.jpg'); return false"><img src="cat.jpg"></a></li>
<li><a href="#" onClick="enlargeimage('cat.jpg'); return false"><img src="cat.jpg"></a></li>
<li><a href="#" onClick="enlargeimage('cat.jpg'); return false"><img src="cat.jpg"></a></li>
<li><a href="#" onClick="enlargeimage('cat.jpg'); return false"><img src="cat.jpg"></a></li>
<li><a href="#" onClick="enlargeimage('cat.jpg'); return false"><img src="cat.jpg"></a></li>
<li><a href="#" onClick="enlargeimage('cat.jpg'); return false"><img src="cat.jpg"></a></li>
<li><a href="#" onClick="enlargeimage('cat.jpg'); return false"><img src="cat.jpg"></a></li>
<li><a href="#" onClick="enlargeimage('cat.jpg'); return false"><img src="cat.jpg"></a></li>
</ul>

</div>

</div>
</div>

</body>
</html>