La cosa es más o menos fácil si el tamaño de las imágenes es siempre el mismo. Si son todas del mismo tamaño, yo lo que haría es algo como esto:
Código:
<div id='visor'>
<div id='images'>
<img .../>
<!-- ... -->
</div>
</div>
El div#visor tendría unas dimensiones de 100x300, y cada foto mediría 100x100, así cabrían 3 fotos en vertical. Entonces div#visor tendría overflow hidden, y al darle al botón arriba, el top de div#images sería -300px, para que pasaran las siguientes 3 imágenes.
Espero que lo hayas entendido.
Saludos (: