html - 如何给当前显示的边框添加边框

Question

我正在使用 Shopify envy 主题。我有多个产品图片。我想给显示为主图像的拇指图像添加边框。简而言之，当前图像应该有边框。

这是我想要的示例图像:

小图像是多个不同的拇指图像。如果拇指图像显示在主大图像中，则拇指应该有边框。

这是我的 jQuery:

$('a.image-swap').click(function() {
    var newImage = $(this).attr('href');
    $('.featured-image-div img').attr({ src: newImage });
    return false;
});

Answer 1

根据你的代码试试这个:

$('a.image-swap').click(function() {
var newImage = $(this).attr('href');
$( '.featured-image-div img' ).attr({ src: newImage });
$('a.image-swap').removeClass('active');
$(this).addClass('active');
return false;

希望能奏效...:)