Image Field Zoom

Image Field Zoom provides a field formatter that allows you to apply it to your image field.

Install

1. Download the jQuery Zoom plugin from here: https://github.com/jackmoore/zoom (latest version), unzip the file and place the jquery.zoom.min.js file so that its path is: /libraries/jquery_zoom/jquery.zoom.min.js
2. Install and enable the module.

Usage

1. Add an image field to your content type/entity type.
2. On the "Manage Display" setting page, select the "Image Zoom" field formatter.
3. Click the gear on the right to configure how you want the Image zoom to work. You can learn more about each option here: http://www.jacklmoore.com/zoom/
4. You'll see the zoom in action when the images are rendered on the node/entity pages.

Notes

You can use this image field formatter on your views image fields the same way as well.

Roadmap

• Support responsive image styles.