Question

我正在实施危险的狙击手，我遇到了一个问题。我用它来制作产品图片滑块。基本上用户可以轻扫产品照片。当用户单击页面上的颜色样本时，我需要添加一段代码来更新第一个图像。

这是我的想法：

点击色板后，我会使用正确颜色的网址更新滑块中的第一张图片。

$product_imageTest = $('.swiper-wrapper').first().find("img")

然后

function HandleColorClick(){
    $product_imageTest.attr('src',colorObj.hoverImage + (productObj.isUITesting ?  "&wid=458&hei=616" :  ""));
}

更新图像源后，我转到滑块的第一张幻灯片：

$(".swatch").click(function(){
     mySwiper.slideTo(1, 400, true);
});

所有这一切都很有效。然后我发现了一个bug。当我从头到尾一直刷过每个图像时，下一次围绕第一个图像将显示原始图像（不是颜色更新）。当我开始滑动到下一张幻灯片时，图像会更新回颜色更新版本。此时，我可以在看到原始版本和更新版本之间来回切换。