jquery - 最好的 jQuery "click a thumbnail and change the main image"模块是什么？

Question

这是我所拥有的(全部动态生成，如果这有影响的话):

• 图像列表
• 每张图片的标题
• 每张图片的缩略图

页面应加载一张全尺寸图像和所有缩略图。当用户单击缩略图时，全尺寸图像会显示该新图像及其标题。如果他们单击另一个缩略图，图片(和标题)会再次更改。

这不是很复杂。几个月前我编写了一个解决方案，但我需要再做一次，我看着这个蹩脚的代码，并认为必须有一个更好的方法(并且知道 jQuery，其他人已经做到了，并且完成了)好吧)。

想法？链接？

谢谢!

Answer 1

这里的大多数答案就像用大炮打苍蝇一样!!

$('#thumbs img').click(function(){
    $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));
    $('#description').html($(this).attr('alt'));
});

这就是您所需要的.. 4 行代码。

看这里:gallery-in-4-lines