单击图像库时选择描述

Question

我尝试使用缩略图创建图库，因此当您点击缩略图时，它会显示在顶部使其变大，其中包含不同的描述。图片显示正确，但我不知道如何显示＆＃39; span＆＃39;在右边。

任何人都可以让这个js更好。

http://jsfiddle.net/Qhdaz/2/

$(function(){
    $("#big-image img:eq(0)").nextAll().hide();
    $(".small-images img").click(function(e){
        var index = $(this).index();
        $("#big-image img").eq(index).show().siblings().hide();
    });
});

Answer 1

就像：JSFiddle：

<div id="big-image">
    <p><img src="http://lorempixel.com/400/200/sports/1/"><span>Image One</span></p>
    <p><img src="http://lorempixel.com/400/200/fashion/1/"><span>Image Two</span></p>
    <p><img src="http://lorempixel.com/400/200/city/1/"><span>Image Three</span></p>
</div>

和JS：$("#big-image p").eq(index).show().siblings().hide();