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

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

timestamp требуется для динамического обновления вашего большого изображения.

Answer 2

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

Answer 3

Использование jQuery:

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