需要帮助压缩Jquery吗

我要创建的是一个图像，它的变化取决于在该图像下方单击哪个缩略图。我在网上看到了很多漂亮的缩略图库，效果非常好，但我需要的只是“简单”

我根据我在网上找到的适合我目的的元素拼凑了一点脚本

HTML:

好的，这就是我所能做到的（文本链接需要更改为缩略图，并且需要加入一些css-这是我熟悉的）。我被困在jquery（不是一个喜欢的主题）上——有没有一种方法，我确信有，可以将重复的jquery压缩下来。最终，我会有12个缩略图，尽管我很乐意将相同的6行jquery输入12次（每次只需调整缩略图链接），但如果有更简洁（更短）的方法实现这一点，我会更高兴

---

事先非常感谢，Wayne

为您的链接提供一个类，以使选择它们更容易。将单击事件添加到该类的所有元素中。使用

this

获取单击的元素并从中查找其源：

$('.thumb-link').click(function(e) {
    e.preventDefault();
    var src = $(this).attr('src');
    $("#image").fadeOut(50, function() {
        $("#image").attr("src", src);
    }).fadeIn(500);
});

---

假设页面上没有任何其他锚定标记

$('a').click(function(){
 $("#image").attr("src",$(this).attr("href"));
})

---

请看：谢谢，这接近我想要达到的目标（尺寸）。但是，是否有一种方法可以将显示的图像链接到我将使用的

数据-

属性。将全尺寸图像src放入一个属性中，如

data fullsrc=“/LargeImage1.jpg”

，并像

$（this.data（'fullsrc'）一样访问它data fullsrc

属性中提取的。

$('.thumb-link').click(function(e) {
    e.preventDefault();
    var src = $(this).attr('src');
    $("#image").fadeOut(50, function() {
        $("#image").attr("src", src);
    }).fadeIn(500);
});

$('a').click(function(){
 $("#image").attr("src",$(this).attr("href"));
})