title: Cycle to get the source of a list of images
body: <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>