jquery图片选择器

Question

有没有人有一个基于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> 

我要找的行为是当用户将鼠标悬停在任一个小图片，它更新与刚徘徊在一个更大的图片。

有什么想法？

感谢

Answer 1

使用jQuery：

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

Answer 2

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

Answer 3

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

timestamp需要来动态更新你的大图像。