title: How to create a series of animation in my case?
body: <p>I have series of images that I want to play them as a series of animation in html</p>
  
  <pre><code>&lt;img src='image1.png' /&gt;
  &lt;img src='image2.png' /&gt;
  &lt;img src='image3.png' /&gt;
  &lt;img src='image4.png' /&gt;
  &lt;img src='image5.png' /&gt;
  &lt;img src='image6.png' /&gt;
  &lt;img src='image7.png' /&gt;
  &lt;img src='image8.png' /&gt;
  &lt;img src='image9.png' /&gt;
  &lt;img src='image10.png' /&gt;
  &lt;img src='image11.png' /&gt;
  &lt;img src='image12.png' /&gt;
  </code></pre>
  
  <p>They all need to on the same position but just swap very fast from <code>image 1</code> to <code>image 12</code> to make it looks like an animation. </p>
  
  <p>Is there a way to do this properly? I have searched google but had no luck. Thanks for the help!</p>