jqzoom picture amplifier code

jqzoom image amplifier code, suitable for displaying product images, compatible with mainstream browsers, recommended download on PHP Chinese website! Instructions: 1. Introduction of head area 2. Introduce js library

3. Call jqzoom function library


Configuration parameters:
zoomType, default value: 'standard', another value is 'reverse', whether to cover the original image with a semi-transparent layer.
zoomWidth, default value: 200, the width of the enlarged window.
zoomHeight, default value: 200, the height of the magnified window.
xOffset, default value: 10, x-axis offset value of the magnification window relative to the original image, can be negative.
yOffset, default value: 0, the y-axis offset value of the magnification window relative to the original image, can be negative.
position, default value: 'right', the position of the magnified window, the value can also be: 'right', 'left', 'top', 'bottom'.
Lens, default value: true, if false, the lens will not be displayed on the original image.
imageOpacity, default value: 0.2, when the value of zoomType is 'reverse', this parameter is used to specify the transparency of the mask.
title, default value: true, displays the title in the magnification window, the value can be the title value of the a mark, if not, it is the title value of the original image.
showEffect, default value: 'show', displays the effect of enlarging the window, the value can be: 'show', 'fadein'.
hideEffect, default value: 'hide', effect when hiding the magnified window: 'hide', 'fadeout'.
fadeinSpeed, default value: 'fast', fade-in speed of the enlarged window (options: 'fast', 'slow', 'medium').
fadeoutSpeed, default value: 'slow', fadeout speed of the enlarged window (options: 'fast', 'slow', 'medium').
showPreload, default value: true, whether to display the loading prompt Loading zoom (options: ‘true’, ‘false’).
preloadText, default value: 'Loading zoom', custom loading prompt text.
preloadPosition, default value: 'center', the position of the loading prompt, the value can also be 'bycss' to specify the position through css.