Código:
<style type="text/css">
DIV.fotograma1 { position:absolute; left:0px; width:476px; top:34px; border:0px solid #000; }
DIV.fotograma2 { position:absolute; left:525px; width:450px; top:34px; border:0px solid #000;}
DIV.fotograma3 { position:absolute; left:1025px; width:450px; top:34px; border:0px solid #000;}
DIV.fotograma4 { position:absolute; left:1525px; width:450px; top:34px; border:0px solid #000;}
DIV.fotograma5 { position:absolute; left:2025px; width:450px; top:34px; border:0px solid #000;}
DIV.fotograma6 { position:absolute; left:2525px; width:450px; top:34px; border:0px solid #000;}
DIV.fotograma7 { position:absolute; left:3025px; width:450px; top:34px; border:0px solid #000;}
</style>
Claro, cada capa está definida según la distancia desde el punto cero ('0') horizontalmente y se va sumando según el ancho de la imagen más el margen que exista ebtre ellas.
Luego, yo tengo una imagen que llama a la función
movelayer y que definme hasta que distancia se va a mover el layer, claro, si quieres que se mueva hacia la derecha, la medida de X será negativa.
Hagamos un ejemplo:
<A href="javascript
:javascript
:MoveLayer('mainNa v',-1000);"><IMG SRC="../images/flechas_01.gif" WIDTH="65" HEIGHT="18" border="0" alt=""></a>
eso va a mover la capa a la posición -1000 px a la izquierda y así puedes jugar con diferentes combinaciones.