javascript - jQuery的图像放大所有图像

我在网络上找到了一个jquery图像缩放插件（http://www.elevateweb.co.uk/image-zoom），但是我想应用此插件有200多个小图像。
我想我需要在elevatezoom.js上跟踪鼠标，我该怎么做？

的HTML

<img id="zoom_01" src="image1.png" data-zoom-image="image1.jpg"/>

脚本

<script> $("#zoom_01").elevateZoom(); </script>

（elevatezoom.js文件可在http://www.elevateweb.co.uk/download-file上找到）

最佳答案

尝试这样的事情：

首先，给.class处理所有图像

<img class="image-to-zoom"
     id="zoom_01" src="image1.png" data-zoom-image="image1.jpg"/>

然后，将.class事件附加到mouseover以在元素具有鼠标悬停的元素上触发elevateZoom()

$('.image-to-zoom').on('mouseover',function(){
    //This element is being 'mouseovered', so trigger the plugin
    $(this).elevateZoom();
});