Often when we are putting together a web design, there is too much information or media to include in a single layer. Alter the design to reduce spatial requirements by making a line of thumbnails scroll automatically within a defined area. Scroll thumbnail images within a DIV.
On page-load, begin altering the margin of a DIV that is partially obscured with a style that hides overflow. Continue to alter the margin so that the DIV appears to slide or scroll gently to the left. When the DIV reaches its right-hand end, send it back in the other direction.
<script type="text/javascript" src="mootools-1.3.0.js"></script> <!-- let's n0t forget the MORE --> <script type="text/javascript" src="mootools-more-1.3.0.js"></script> </head> <body> <div id="pics_outer"> <div id="pics_inner"> <img src=”04-08_01.jpg”/> ... <img src=”04-08_10.jpg”/> </div> </div> <style type...