jquery - 单击缩略图，更改图像

Question

我正在尝试实现一个小画廊。它是在 Wordpress 中制作的，所有数据都来自高级自定义字段。

这是我拥有的 HTML：JS Fiddle

我需要这样做，以便当用户单击缩略图时，它会更改主图像。这可能与数据属性有关，也可能只是覆盖图像。它只需要更改图像路径。

我查看了 onClick 函数，但我不确定如何将该事件绑定到主要特征图像以及如何获取缩略图的存储链接。

缩略图图像目前足够大，它们也可以用作大图像。

$("#target").click(function() {
  alert("Handler for .click() called.");
});

score 1 · Accepted Answer

还有其他方法可以做到这一点，其中之一是更改图像属性，即

$('#imageClick').click(function(){
  $('#mainImage').attr('src','source');           
});

1 回答 1