jQuery图片缩放插件-smartZoom使用

插件描述：通过将鼠标悬停在图片上，滚动鼠标滚轮即可实现图片的放大或者缩小效果。

smartZoom使用

举个栗子，上代码：

 

 

直接对img对象使用smartZoom方法即可。

但很多人会遇见使用smartZoom图片位置偏移的问题，

原来是top和left作祟。此时解决问题的重点就是在img图像外，嵌套一个div容器。如下：

此时，便能解决位置偏移问题。

其他API:

 

// 方法中可以通过设置top，left等参数来指定图片初始参数；
$(".imgCon img").smartZoom({
            'left': '50px'
        })

// 通过传入‘destroy‘来取消缩放；
 $(".imgCon img").smartZoom('destroy')