4.0 Cmotion image gallery

a band of images across the page displayed as Cmotion-gallery.html

folders:

img_graphics

subfolders:

img_orig (original images)

img_tn (thumbnails)

style_gallery ->	gallerystyle.css
style_gallery_js ->	motiongallery.js

JS scripts in the Cmotion-gallery.html

HEAD section

<!-- Do not edit IE conditional style below -->
<!--[if gte IE 5.5]>
<style type="text/css">
#motioncontainer {
width:expression(Math.min(this.offsetWidth, maxwidth)+'px');
}
</style>
<![endif]-->
<!-- End Conditional Style -->

<script type="text/javascript" src="style_gallery_js/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>

BODY section

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

<nobr id="trueContainer">
<a href="javascript:enlargeimage('img_grafics/img_orig/any-point.jpg')"><img src="img_grafics/img_tn/any-point_tn.jpg" border=1></a> 
<a href="javascript:enlargeimage('img_grafics/img_orig/atsaa.jpg')"><img src="img_grafics/img_tn/atsaa_tn.jpg" border=1></a> 
<a href="javascript:enlargeimage('img_grafics/img_orig/brunhilde90.jpg')"><img src="img_grafics/img_tn/brunhilde90_tn.jpg" border=1></a> 
<a href="javascript:enlargeimage('img_grafics/img_orig/out-of-stone.jpg')"><img src="img_grafics/img_tn/out-of-stone_tn.jpg" border=1></a> 
<a href="javascript:enlargeimage('img_grafics/img_orig/silver-surfer.jpg')"><img src="img_grafics/img_tn/silver-surfer_tn.jpg" border=1></a> 
<a href="javascript:enlargeimage('img_grafics/img_orig/notat_t.jpg')"><img src="img_grafics/img_tn/notat_tn.jpg" border=1></a> 
</nobr>
</div>
</div>