点击缩略图，更改图像

Question

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

这是我的HTML：JS Fiddle

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

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

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

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

Answer 1

还有其他方法可以实现这一点，其中一种方法是改变图像属性，即

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

Demo on fiddle