title: show/hide images continuously 200ms each with jQuery
body: <p>I have 3 images loaded as:</p>
  
  <pre><code>&lt;script type="text/javascript" src="jquery-1.10.2.js"&gt; &lt;/script&gt;
  
  &lt;a title="lien de test" id="lien_test" href='#'&gt;Lien de test&lt;/a&gt;
  
  &lt;img id="img1" src="images/image1.jpg" alt="image1" style="display:none"&gt;
  &lt;img id="img2" src="images/image2.jpg" alt="image2" style="display:none"&gt;
  &lt;img id="img3" src="images/image3.jpg" alt="image3" style="display:none"&gt;
  </code></pre>
  
  <p>I want to make an infinite diaporama showing my images successively one by one, for 200ms. I wrote this jQuery script when clicking on the link:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $("#lien_test").click(
          function(){
              //alert('bonjour !');
  
              $("#lien_test").fadeOut();
                              $('#img1').show();
              $('#img1').animate({width : '150px',}, 'slow');
                              $('#img1').hide();
  
                              $('#img2').show();
              $('#img2').animate({width : '150px',}, 'slow');
                              $('#img2').hide();
          }
          );
  &lt;/script&gt;
  </code></pre>
  
  <p>It doesn't work. Please help me!</p>