Простая галерея jQuery Selfmade?

Question

Я пробовал различные плагины Gallery, но ни один не соответствует моим потребностям.

У меня есть некоторый код следующим образом:

<div id='thumbs-list'> 
    <div class='thumb-item'> 
     <a href='big1.jpg'><img src='thumb1.jpg' /></a> 
    </div> 
    <div class='thumb-item'> 
     <a href='big2.jpg'><img src='thumb2.jpg' /></a> 
    </div> 
    <div class='thumb-item'> 
     <a href='big3.jpg'><img src='thumb3.jpg' /></a> 
    </div> 
</div> 
<div id='fullsize'> 
    <img src='big1.jpg' /> 
</div> 

Я хочу поменять связанные JPGs в «Полный экран» идентификатор, предпочтительно с некоторым замиранием эффектом, но, по крайней мере, изображение должно переключатель.

Как я могу начать с простого, следовательно, гибкого сценария jQ? Благодаря!

Answer 1

$(".thumb-item a").click(function(e){ 
    e.preventDefault(); 
    var $a = $(this); 
    $("#fullsize img").fadeOut("slow", function(){ 
     $(this).attr("src", $a.attr("href")).fadeIn("slow"); 
    }); 
}); 

---

рабочий пример: http://jsfiddle.net/cp22v/