jQuery插件elevateZoom简单使用

elevateZoom 其实很强大，但是，如果你的网速不给力，就会出现卡顿问题，这一点深有体会。屁话就说这么多。现在开始开车，前排的乘客注意系好安全带，呸。。。
传送门 网速慢卡就不要打开了，浪费时间
elevateZoom是一个jquery插件，所以要依赖jquery才能使用，敲黑板划重点。

上代码：

<script src="jquery.js"></script>
<script src="jquery.elevateZoom-3.0.8.min.js"></script>

<img id="img-big" src="middle.jpg" alt="" data-zoom-image="big.jpg">
                                        
<div id="small">

    <a href="#" data-image = "middle.jpg" data-zoom-image="big.jpg">
        <img src="small.jpg" alt="">
    </a>
                                                    
</div>
<script>
   $("#img-big").elevateZoom({
          gallery:'small', //注意相关dom元素对应关系
          cursor: 'pointer'
        });
</script>