Cycle to get the source of a list of images
<p>I have a list with 8 thumbnails images. When I click in one of them the bigger image gets the source of the that thumbnail. I can do this one by one. </p>

<pre><code>$('#img_1').click(function(){
    var temp = $('#img_1').attr('src');
    $('#bigger_image').attr('src', temp);
});
</code></pre>

<p>I tried to use a for loop but I always get the last thumbnail source</p>

<pre><code>for(var i=0; i&lt;$('#thumbsContainer').children().length;i++){
    $('#img_'+i).click(function(){
        var temp = $('#img_'+i).attr('src');
        $('#bigger_image').attr('src', temp);
    });
}
</code></pre>

<p>How should I do it in a once?</p>
