This plugin provides a new model to display a magnifier on an image for localised zoom:
The configuration page allows to choose a different style for the magnifier window or specify your own personal style. See the end of this article for styling options.
The code is based on the TJPZoom library by Jànos Tòth.
The plugin will only work with templates using the
Using the Magnifier
The magnifier is activated as soon as the mouse enters the thumbnails. If the original image is very large, a “loading...” message will appear while it loads.
By click and dragging up and down on the image, you can change the magnification level of the zoom.
By click and dragging left/right, you can change the size of the zoom window.
<imgXX|zoom> model can be aligned left and right with
<imgXX|zoom|left>. However, unlike the default img model, this does not float the text around the image.
The maximum width of the thumbnail can be specified globally from the configuration page or locally with the parameter:
Personalised Magnifier Style
The file defines the following variables:
||width of the zoom window.|
||height of the zoom window.|
||if this variable is equal to 1, the window size is fixed.|
||horizontal offset of the zoom window to the mouse pointer. 0.5 puts the pointer in the center of the zoom window.|
||vertical offset of the zoom window to the mouse pointer. 0.5 puts the pointer in the center of the zoom window.|
||initial zoom level.|
||maximum zoom level.|
||minimum zoom level.|
||width of the zoom border.|
||colour of the border.|
In addition to these parameters, you can specify an image for the the border of the zoom window. To personalise this border, you have to create a directory
XXXX in the squelettes folder with eight png images for the border and corners:
n.png, ne.png, e.png, se.png, s.png, sw.png, w.png, nw.png.
You also have to add the configuration variable
var TJPshadowthick=8; to specify the half width of the border.