角落中的缩放图像错误

时间:2018-06-29 12:10:55

标签: javascript shopify image-zoom off-by-one

在我的Shopify应用中,当我将鼠标悬停在左上角时,可以获得该系列中下一张图像的缩放图像。放大其余图像即可正常工作。

图片1:
Image 1

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

0 个答案:

没有答案