如何更改数据缩放图像值 [英] How to change data-zoom-image value

问题描述

 < img id = zoom_01
 src ='新建文件夹/ small / image.jpg'
 data-zoom-image =新建文件夹/ large / image.jpg> 
  

和elevatezoom脚本是：

 <脚本> 
 $（＃zoom_01）。elevateZoom（{scrollZoom：true}）; 
< / script> 
  

我有很多图片需要缩放，使用相同的ID，src值正在改变，但我不能不改变data-zoom-image的值。如何改变data-zoom-image的值，你也可以访问我想告诉的任何[e coomerce网站]。

code> elevateZoom 像这样：

  $（＃zoom_01）。data 'zoom-image'，'newURL'）。elevateZoom（{
 responsive：true，
 zoomType：lens，
 containsLensZoom：true 
}）; 
  

I'm using elevate zoom effects for zooming facility of image, my image tag is:

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

and elevatezoom script is:

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

I have many images that I want to zoom, with same id,src value is changing but I couldn't change data-zoom-image value.How do change data-zoom-image value,you can also visit any [e coomerce website]that what I'm trying to tell.1

解决方案

After change of data zoom-image attribute, you need to re-initialize with elevateZoom like this:

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

这篇关于如何更改数据缩放图像值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！