Zoomer (Prototype)

Zoomer is perfect for creating product photo inspection tools, the plugin allowing users to view an image at a small resolution and at a high resolution at the same time.

Going from the small to the high resolution is done by clicking on the image's body.

The photo is zoomed inside its own container, feat realized by simply switching the image's source attribute.

When in zoomed-in mode, if the user moves his mouse cursor around the photo's container, the zoom area is moved with it as well.

Zoomer is extremely lightweight for the features it provides and gracefully degrades in browsers with JS turned off.

Requirements:

• JavaScript enabled on client side
• Prototype