mlens

mlens works when hovering over an image, hiding the mouse cursor and adding a loupe frame.

This permits the user to see a close-up of the original image, all at its natural aspect ratio.

To work properly, mlens needs two images: one low-fi version and one hi-res version for the loupe effect.

Multiple mlens instances can be added on the same page, and developers can control the lens' shape, border size, border color, the lens size, and its default zoom level.

mlens is perfect especially for online stores where most customers expect nowadays a loupe/zoom effect when viewing product images.

What is new in this release:

• Bug fixed ("destroy" method)
• Code optimization

What is new in version 1.4:

• Code optimized and added zoomLevel parameter.

What is new in version 1.2:

• Added overlay image support for the lens.

Requirements:

• JavaScript enabled on client side
• jQuery