Javascript jquery图片选择器

有人有基于jquery的照片选择器的例子吗？这是你在小相册中看到的东西

我有以下代码：

<div><img class="bigpicture" src="1.jpg"></img></div>
<div>
    <img class="smallpicture" src="1.jpg"></img>
    <img class="smallpicture" src="2.jpg"></img>
    <img class="smallpicture" src="3.jpg"></img>
    <img class="smallpicture" src="4.jpg"></img>
    <img class="smallpicture" src="5.jpg"></img>
    <img class="smallpicture" src="6.jpg"></img>
</div>

我要寻找的行为是，当用户将鼠标悬停在任何较小的图片上时，它会用刚刚悬停的图片更新较大的图片

有什么想法吗

感谢使用jQuery：

$('.smallpicture').hover(function() {
    $('.bigpicture').attr('src', $(this).attr('src'));
});

---

需要时间戳

来动态更新您的大图像。

因为如果没有时间戳，图片已被缓存。您为什么强制重新加载图像？为什么要避免缓存？我这样做是为了说明在服务器上更改相同图片的情况（例如，当您上载具有相同名称的新照片时，它会起作用，这样您就可以在页面中友好地更改照片）

$('.smallpicture').hover(function() {
    $('.bigpicture').attr('src', $(this).attr('src'));
});

$('.smallpicture').hover(function(){
   $('.bigpicture').attr('src', $(this).attr('src')+"?timestamp=" + new Date().getTime());
});