JavaScript Setup Parameters

Setup parameters should appear in the rel attribute of the anchor surrounding the small image.

Any parameters not specified will have default values applied.

<tr>
  <td>adjustX</td>
  <td>Allows you to fine tune the x-position of the zoom window in pixels.</td>
  <td>0</td>
</tr>
<tr>
  <td>adjustY</td>
  <td>Allows you to fine tune the y-position of the zoom window in pixels.</td>
  <td>0</td>
</tr>
<tr>
  <td>tint</td>
  <td>Specifies a tint colour which will cover the small image. Colours should be specified in hex format, e.g. '#aa00aa'. Does not work with softFocus.</td>
  <td>false</td>
</tr>
 <tr>
  <td>tintOpacity</td>
  <td>Opacity of the tint, where 0 is fully transparent, and 1 is fully opaque.</td>
  <td class="noWrap">0.5</td>
</tr>
<tr>
  <td>lensOpacity</td>
  <td>Opacity of the lens mouse pointer, where 0 is fully transparent, and 1 is fully opaque. In tint and soft-focus modes, it will always be transparent.</td>
  <td>0.5</td>
</tr>
<tr>
  <td>softFocus</td>
  <td>Applies a subtle blur effect to the small image. Set to true or false. Does not work with tint.</td>
  <td>false</td>
</tr>
<tr>
  <td>smoothMove</td>
  <td>Amount of smoothness/drift of the zoom image as it moves. The higher the number, the smoother/more drifty the movement will be. 1 = no smoothing.</td>
  <td>3</td>
</tr>
 <tr>
  <td>showTitle</td>
  <td>Shows the title tag of the image. True or false.</td>
  <td>true</td>
</tr>
<tr>
  <td>titleOpacity</td>
  <td>Specifies the opacity of the title if displayed,  where 0 is fully transparent, and 1 is fully opaque.</td>
  <td>0.5</td>
</tr>

Parameter	Description (from V1.0.0)	Default Value
zoomWidth	The width of the zoom window in pixels. If 'auto' is specified, the width will be the same as the small image.	'auto'
zoomHeight	The height of the zoom window in pixels. If 'auto' is specified, the height will be the same as the small image.	'auto'
position	Specifies the position of the zoom window relative to the small image. Allowable values are 'left', 'right', 'top', 'bottom', 'inside' or you can specifiy the id of an html element to place the zoom window in e.g. position: 'element1'	'right'