Easy Zoom

Add's Image Zoom functionality to image fields

Provides image formatters to allow zooming into images using the EasyZoom jQuery Library.

The beauty of Easy Zoom is that it is mobile friendly and it is Open Source. Other zoom modules either use a library that doesn't support mobile (touch events) or they require you to purchase a license to use the jQuery Library.

Dependencies

• Image
• Libraries
• Jquery Update (using 1.10+)

Image Formatters

Easy Zoom Image

Ideal for one image having the ability to zoom in.

Easy Zoom Thumbnail

Ideal if you have two separate fields with images. One of the fields will use the Easy Zoom Image formatter with thumbnails checked and another field with the Zoom Thumbnail formatter for the thumbnails.

Easy Zoom Gallery

Ideal for a field that has both the main image and thumbnails. The first image will be used for the default main image, and the rest of the images will be thumbnails. When you click on the thumbnail it will replace the main image with the thumbnail image so you can zoom in on that one now.

Easy Zoom Types

• Overlay - The image zooms right over the original image
• Adjacent - The image zooms right to the side of the original image

Customization

Force Overlay On Mobile

You can easily force overlay on mobile by updating your theme's css:

 /*  Force the zoom to be overlay for mobile instead of adjacent */
  .easyzoom--adjacent .easyzoom-flyout {
    left:0;
    margin-left: 0;
  }