Onclick的缩略图，更改图像

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