在我的Shopify应用中,当我将鼠标悬停在左上角时,可以获得该系列中下一张图像的缩放图像。放大其余图像即可正常工作。
var mySources = $('img').map(function() {
return $(this).attr('src');
}).get();
for(var j=0;j<mySources.length;j++){
var img = new Image();
img.src = mySources[j];
img.style.position = "absolute";
img.style.left = -9999; // Image width must not exceed 9999 pixels
img.style.visibility = "hidden"; // Maybe you can remove this
//document.body.appendChild(img);
var imgHeight = img.height;
var imgWidth = img.width;
var b= $("img")[j];
$(b).attr("data-zoom-image", "https://img.gs/wrsxcbbsgt/" + imgWidth+ "x"
+imgHeight +",2x,fit,quality=high/"+ mySources[j]);
}
基本上,该代码是从站点获取所有图像的ID,无论img标签来自何处,我都会添加zoom元素。
要自己检查,可以访问以下网站:doro-chan.myshopify.com 密码是:zaecla