jquery.mb.imgNavigator

jquery.mb.imgNavigator allows the user to inspect a photo at its natural aspect ratio, but in a smaller container.

The image is shown in its normal view mode, but clipped to the sides.

If the user wants to view another section of the photo, he can simply grab and drag the photo using his mouse.

When this happens, a small preview & overview container is shown in one of the image's corners, with a square inside it signifying the currently viewed photo section.

Users can also grab and drag this small preview square as well, just to navigate to another area of the page in a much faster way.

A working demo is included with the download package.

Features:

• Multiple images supported
• Drag and drop gestures
• Side overview of the viewport position inside the bigger image
• The zoom level can be adjusted
• Image description

What is new in this release:

• Solved the containment issue; now the image never goes out from the screen. It needs the jQuery UI 1.7.1.

Requirements:

• JavaScript enabled on client side
• jQuery
• jQuery UI