title: Multiple images onmouseover, one by one.
body: <p>I want to make my logo static .png image, but when I put cursor over the logo, I want it to play "slideshow" of 7 images, changing one by one. </p>
  
  <p>I know that I can achive this with code like this:</p>
  
  <pre><code>      &lt;img src="image.png" onmouseover="this.src='image.gif'" onmouseout="this.src='image.png'" /&gt;
  </code></pre>
  
  <p>But I want something like this:</p>
  
  <pre><code>      &lt;img src="image.png" onmouseover="this.src='image1.png/0.1s delay/image2.png/0.1s delay/image3.png/0.1s delay/'" onmouseout="this.src='image.png'" /&gt;
  </code></pre>