You are here

Home » API reference » Image Field Zoom 8

README.txt in Image Field Zoom 8 

General Information for the JQuery zoom plugin can be found here:
Demo: http://www.jacklmoore.com/zoom/
Github: https://github.com/jackmoore/zoom


Drupal Installation Instructions:
==================================

1. Download the Imagefield Zoom module from here: https://github.com/ujshah18/imagefield_zoom
2. Download the JQuery Zoom plugin from here: https://github.com/jackmoore/zoom (version: 1.7.15), unzip the file and
place the jquery.zoom.min.js file so that its path is: /libraries/jquery_zoom/jquery.zoom.min.js
3. Enable the module.

Module Usage:
==============

1. Add an image field to your content type/entity type.
2. On the manage display setting page, select the ImageZoom 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.

File

README.txt
View source 
  1. General Information for the JQuery zoom plugin can be found here:

  2. Demo: http://www.jacklmoore.com/zoom/

  3. Github: https://github.com/jackmoore/zoom

  4. 

  5. 

  6. Drupal Installation Instructions:

  7. ==================================

  8. 

  9. 1. Download the Imagefield Zoom module from here: https://github.com/ujshah18/imagefield_zoom

  10. 2. Download the JQuery Zoom plugin from here: https://github.com/jackmoore/zoom (version: 1.7.15), unzip the file and

  11. place the jquery.zoom.min.js file so that its path is: /libraries/jquery_zoom/jquery.zoom.min.js

  12. 3. Enable the module.

  13. 

  14. Module Usage:

  15. ==============

  16. 

  17. 1. Add an image field to your content type/entity type.

  18. 2. On the manage display setting page, select the ImageZoom field formatter.

  19. 3. Click the gear on the right to configure how you want the Image zoom to work. You can learn more about each option

  20. here: http://www.jacklmoore.com/zoom/

  21. 4. You'll see the zoom in action when the images are rendered on the node/entity pages.