Simple Gallery

中村由利 Yuri Nakamura
(GARNET CROW)

$(function(){
    $("#thumbnail li a").click(function(){
        var $next = $(this);
        $("#large img").fadeTo("slow", 0.1, function(){
            $(this).attr({src:$next.attr("href")})
                .next().html($next.attr("title")).end().fadeTo("slow", 1.0);
        });
        return false;
    });
});

<div id="large"> 
  <img src="../images/yn/2002-1.jpg" alt="."> 
  <p>_comment_</p>
</div>

<ul id="thumbnail">
    <li><a href="../images/xxxx.jpg" title="_comment_">
        <img src= "../images/thumbnail/xxxx.jpg" alt="." />
    </a></li>
    ..
</ul>

//Original Ver.
$(function(){
    $("#thumbnail li a").click(function(){
        $("#large img").hide().attr({
              src   : $(this).attr("href")
            , title : $("> img", this).attr("title")
        });
        $("#large p").html($("> img", this).parent().attr("title"));
        return false;
    });
    $("#large>img").load(function(){$("#large>img:hidden").fadeIn("slow")});
});