我找到了 this codepen 展示图像的缩放和平移效果。据我所知,代码的工作原理是根据每个 div 的 data-image
属性为其分配一个背景图像。有什么办法可以在直接 img
标签而不是带有背景图像的 div 上执行此操作?
编辑:这就是我所说的那种标记。 一个容器 div,里面有一个实际的 img 标签。
最佳答案
看看 CodePen现在。
我觉得我让它看起来有点像你想要的
<div class="tiles">
<div data-scale="1.1" class="product-single__photos tile" id="ProductPhoto">
<img class="photo" src="//cdn.shopify.com/s/files/1/1698/6183/products/bluza_dama_39377a_large.jpg?v=1487178925" alt="Last Skirt" id="ProductPhotoImg">
</div>
</div>
关于javascript - 是否可以在直接图像而不是带有背景图像的 div 上实现这种缩放和平移效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42352427/