галерея изображений выберите с описанием при нажатии

Question

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

Может ли кто-нибудь сделать это 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();