I am writing a web app for myself (for fun) which allows me to read CT and MRI scans off my webserver. The objective is to overlay images of a CT scan over one another and "scroll" through each image using the mouse and up/down arrow keys.
What I am planning to do is load up the images (which can be up to 12 megs in a series) using UpdateManager (XML database query) and preloading them into an Image() array in JS.
If a CT scan has 80 images I use CSS/markup to assign each image to a different z-index to overlay them on top of one another.
I then assign a listener for mouse up and mouse down as well as the keyboard up and down arrow keys in order to scroll through the images.
Is this the best way to do this or is there a better way to tackle this problem?