Image Control - View Only

[FateFirst]

Heya guys/gals!

I simply want to display an image to users but let them have a little control over it. Control being: they can Zoom In/Out and rotate the image and drag it about as well.

I have done a little research and can only find scripts that do the above but on an image manipulation level meaning it then saves the changes of what you have done to the image. I dont want this. I just want to allow the user to simply do the above on a view level only and no more.

Anyone have a similar script or the building blocks for one or can just generally point me in the right direction.

Thanks

- FateFirst

 

[theniteowl]

I would be interested in seeing what you come up with.
I saw something like this on a web site (Lowe's I think) but do not know how it works.

If I were to try writing something like this without some server side object to handle image manipulation I would probably start by using high resolution images for each item and setting the size of the object to display at the size I wanted rather than at full size.
You could then resize the picture to allow it to display larger/smaller with the click of a button.
You could put the image into a div that can allow scrolling so you can pan around the enlarged version, or you could have buttons to move the image within your div by changing it's position and layering over it with a frame to contain the portion not meant to display.

I can see a number of possibilities and approaches depending how you want to implement it.


At my age I still learn something new every day, but I forget two others.