title: Change image of img tag on hover using CSS
body: <p>I have a image menu. I want to change the <code>image</code> into <code>TD</code> table when the link is activated. </p>
  
  <pre><code>&lt;table width="100%"&gt;
      &lt;tr&gt;
          &lt;td align="left"&gt;
              &lt;a href="http://pinkmodels.16mb.com/"&gt;
                  &lt;img src="http://i.imgur.com/jO3ni.jpg"&gt;
              &lt;/a&gt;
          &lt;/td&gt;
          &lt;td align="center"&gt;
              &lt;a href="http://pinkmodels.16mb.com/models/"&gt;
                  &lt;img src="http://i.imgur.com/utKcC.jpg"&gt;
              &lt;/a&gt;
          &lt;/td&gt;
          &lt;td align="center"&gt;
              &lt;a href="http://pinkmodels.16mb.com/blog/"&gt;
                  &lt;img src="http://i.imgur.com/h4JGE.jpg"&gt;
              &lt;/a&gt;
          &lt;/td&gt;
          &lt;td align="center"&gt;
              &lt;a href="http://pinkmodels.16mb.com/about/"&gt;
                  &lt;img src="http://i.imgur.com/M2GE8.jpg"&gt;
              &lt;/a&gt;
          &lt;/td&gt;
          &lt;td align="right"&gt;
              &lt;a href="http://pinkmodels.16mb.com/contact/"&gt;
                  &lt;img src="http://i.imgur.com/bWoe3.jpg"&gt;
              &lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>