You are here

Home » API reference » Image Zoom 7

README.txt in Image Zoom 7

Same filename and directory in other branches
  1. 8.3 README.txt
  2. 8.2 README.txt
  3. 7.2 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 being enabled.


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


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.


Changing default styles
-----------------------
All styles provided by this moodule are able to be overridden to change the
position, size, border color, etc... to your liking. To do this, find the
css property you would like to change in the css/imagezoom.css file, copy it
to your theme's .css file, and change it. Note that any changes you make to
the imagezoom.css file will be overwritten when you update the module. Using
a css file in your theme prevents this.

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 being enabled.

  13. 

  14. 

  15. Install

  16. -------

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

  18. 

  19. 

  20. Configuration

  21. -------------

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

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

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

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

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

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

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

  29. 

  30. 

  31. Changing default styles

  32. -----------------------

  33. All styles provided by this moodule are able to be overridden to change the

  34. position, size, border color, etc... to your liking. To do this, find the

  35. css property you would like to change in the css/imagezoom.css file, copy it

  36. to your theme's .css file, and change it. Note that any changes you make to

  37. the imagezoom.css file will be overwritten when you update the module. Using

  38. a css file in your theme prevents this.