SCrolling images

Hi guys ,

i want to scroll images in this structure

HTML:

up1.jpg    up4.jpg   up7.jpg
|           |            |
1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9

i know i should play with content size but

how can i know if user scroll vertical so i will restrict the width

and make just to top image and when user get back i then return the width to all images

thanks,

 

the explanation
first program run the first image is shown

if there image named up1.jpg the user can scroll vertically and see the up image

and then continue with scroll horizontally and vertically with above structure

 

Scroll images

All these numbers are images

suppose these images are (images of story) so if the user sow the first screen and of course it is an image if the first screen has image up to it which i indicate with name up1.jpg the user has two choices

1- scroll up to (up1.jpg).
2- continue with the other images (horizontally)

and continue with the others if image number 4 has (up4.jpg)

this two choices is available again,if it hasn't there is just horizontal scroll
?
is that clear!?