图片放大效果 （几个参数分别演示：）

返回首页

1.图片和放大使用不同的图片（大小图片要比例相同）
也可以指定放大倍数（相对于小图片计算） new imageZoom("img1",{ //mul:6,//指定放大的倍数 bigImg:"../images/tong.jpg",//指定放大图片路径 viewerPos:{h:-10,v:0},//显示到指定位置(默认{h:10,v:0},要设置就必须都一起设置))，h:-10表示左边偏移10像素 onShow:function() { document.title="show,you are moving on the image."; }, onHide:function() { document.title="you mouse move out the image"; } });

2.使用同一图片
给小图片设定宽或高，这里指定了:style="height:300px;" ，(偷懒模式，^o^,后面几个也是这个） new imageZoom("dd2",{//第一个参数指定一个图片或者其id（也可以为图片的容器或者id,容器中第一个子元素要为图片） //mul:3 });

3.放大图片显示到指定的容器中 new imageZoom("img3",{ viewer:"imgshow"//指定要显示的div或者其id })

图片预览：

4.显示大图的div以指定倍数 new imageZoom("img4",{ mul:5,//放大5倍 viewerCla:"cla", viewerPos:{h:10,v:-1}, viewerMul:1.2//展示层以小图片的1.2倍大小 });