如何更改数据缩放图像值

Question

我正在使用提升缩放效果来缩放图像,我的图像标记是:

<img id="zoom_01"
 src='New folder/small/image.jpg'
 data-zoom-image="New folder/large/image.jpg">

和elevatezoom脚本是:

<script>
    $("#zoom_01").elevateZoom({scrollZoom : true});
</script>

我有很多想要缩放的图像,同样的id,src值正在改变但是我无法改变数据缩放图像的值.如何更改数据缩放图像值,你也可以访问任何[e coomerce website我想说的是什么.1

Answer 1

更改数据缩放图像属性后,需要elevateZoom像这样重新初始化:

$("#zoom_01").data('zoom-image', 'newURL').elevateZoom({
   responsive: true,
   zoomType: "lens", 
   containLensZoom: true
}); 

Answer 2

如果您想要更改显示为缩放的图像,只需执行此操作即可

$('.zoomWindowContainer div').stop().css("background-image","url("+ changed_image +")");