You are here

Home » API reference » Image Zoom 8.3

README.txt in Image Zoom 8.3

Same filename and directory in other branches
  1. 8.2 README.txt
  2. 7.2 README.txt
  3. 7 README.txt
Overview
--------
This module provides an field formatter to zoom an image while hovering over
it. An image style is selected for the default display image, and an additional
style is selected to be used as the zoomed image. When a user hovers over the
displayed image, the zoomed image appears and is positioned relative to the
current mouse position.


Requirements
------------
This module depends on the core Image module and Libraries API being enabled.
The elevatezoom jQuery plugin is used for the zoom effects.


Install
-------
Install the module by following the instructions at http://drupal.org/node/70151.
The elevateZoom Plus jQuery plugin needs to be downloaded from
https://github.com/igorlino/elevatezoom-plus. The downloaded folder should be renamed
to elevatezoom-plus and placed in your libraries folder.


Configuration
-------------
To configure the Image Zoom display, go to Administration > Structure > Content
types and select the content type you would want to use Image Zoom with. If you
do not already have an Image field defined, add one by going to the Manage Fields
tab. After you have an Image field, go to the Manage Display tab. Change the
Format for your Image field to Image Zoom. To change which styles are displayed
for the displayed image and the zoomed image, click the gear icon at the end of
the row, select the desired image styles, and click Update.

File

README.txt
View source 
  1. Overview

  2. --------

  3. This module provides an field formatter to zoom an image while hovering over

  4. it. An image style is selected for the default display image, and an additional

  5. style is selected to be used as the zoomed image. When a user hovers over the

  6. displayed image, the zoomed image appears and is positioned relative to the

  7. current mouse position.

  8. 

  9. 

  10. Requirements

  11. ------------

  12. This module depends on the core Image module and Libraries API being enabled.

  13. The elevatezoom jQuery plugin is used for the zoom effects.

  14. 

  15. 

  16. Install

  17. -------

  18. Install the module by following the instructions at http://drupal.org/node/70151.

  19. The elevateZoom Plus jQuery plugin needs to be downloaded from

  20. https://github.com/igorlino/elevatezoom-plus. The downloaded folder should be renamed

  21. to elevatezoom-plus and placed in your libraries folder.

  22. 

  23. 

  24. Configuration

  25. -------------

  26. To configure the Image Zoom display, go to Administration > Structure > Content

  27. types and select the content type you would want to use Image Zoom with. If you

  28. do not already have an Image field defined, add one by going to the Manage Fields

  29. tab. After you have an Image field, go to the Manage Display tab. Change the

  30. Format for your Image field to Image Zoom. To change which styles are displayed

  31. for the displayed image and the zoomed image, click the gear icon at the end of

  32. the row, select the desired image styles, and click Update.