title: How to start animation on every click
body: <p>I am making a gallery with thumbnails. It works but I want to make an image transition, and I want it to fades in. In this case it fades in but only for the first image. The next images show up without any animation.</p>
  
  <pre><code>$('.picture').click(function() {
      $("#screen img").attr('src', $(this).attr('src')).animate({
          height: "400px"
      }, 2000);
  });
  </code></pre>
  
  <p>And also, can someone tell me how to position the image in the div to be centrally placed using the width and the height of the div and the image? I don't want to use plugin for the gallery, so I would appreciate your help very much.</p>