Dynamicly loading large images similar to google maps.

[ynneb]

I am about to scan a real life picture that is 1 metre square.
I want to be able to display this picture in the same way that google maps displays its maps. Scrollable, scalable, and only loads parts of the picture that is been viewed. but caches surrounding frames while the viewer is looking at a certain section of the picture.

How would I go about doing this?

Benny

[djr33]

Chop the image into parts. Create a dragable div the same size as your full image, and position it in a default place. The problem though is how you know when to load the other images. You will need to use a lot of Javascript for this to work.
Do you need the moving features or just arrows to load the next image to the left, right, up or down? That would be a little easier.

Using Flash is another option that might help in some ways.