간단한 jQuery 갤러리 셀프 메이드?

Question

다양한 갤러리 플러그인을 사용해 보았지만 내 필요에 맞는 것은 없습니다. 다음과 같이

나는 약간의 마크 업이 있습니다

<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> 

내가 바람직 약간의 페이딩 효과는 ID 'fullsize'에 링크 된 JPG를 교체하고 싶지만, 적어도 이미지가해야 스위치.

간단하고 유연한 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/