圖片放大鏡

css：jquery.jqzoom.css

插件：jquery.jqzoom-core.js

<a class="big" href="image/big.jpg">
    <img src="image/small.jpg"/>
</a>
//編寫腳本
$(".big").jqzoom();

配置參數：

zooType，默認值：‘standard’，另外一個值是‘reverse’，是否將原圖用半透明圖層遮蓋

zoomWidth，默認值：2000，放大窗口的寬度

zoomHeight，默認值：200，放大窗口的高度

xOffset，默認值：10，放大窗口相對於原圖的X軸偏移值，能夠爲負

yOffset，默認值：0，放大窗口相對於原圖的y軸偏移值，能夠爲負

position，默認值：‘right’，放大窗口的位置，值還能夠是‘right’、‘left’，‘top’，‘bottom’

lens，默認值：true，若爲false，則不在原圖上顯示鏡頭

imageOpacity，默認值：0.2，當zoomType的值爲‘reverse’時，這個參數用於指定遮罩層的透明度

title，默認值：true，在放大窗口中顯示標題，值能夠爲a標記的title值，若無，則爲原圖的title值

showEffect，默認值：‘show’，顯示放大窗口時的效果，值能夠爲：‘show’，‘fadein’

hideEffect，默認值：‘hide’，隱藏放大窗口時的效果，值能夠爲：‘hide’，‘fadeout’

fadeinSpeed，默認值：‘fast’，放大窗口的漸顯速度（‘fast’，‘slow’，‘medium’）

fadeoutSpeed，默認值：‘slow’，放大窗口的漸隱速度（‘fast’，‘slow’，‘medium’）

showPreload，默認值：true，是否顯示加載提示Loading zoom（‘true’，‘false’）

preloadText，默認值：‘Loading zoom’，自定義加載提示文本

preloadPosition，默認值：‘center’，加載提示的位置，值也能夠爲‘bycss’，以經過css指定位置