How to make the image hover between the 2 uploaded image? How to make the image hover between the 2 uploaded image?

&lt;div class="portfolio_area_left"&gt;
    &lt;a href="&lt;?php if (!empty($node-&gt;field_link_site)) print $node-&gt;field_link_site['und'][0]['value']; ?&gt;" target="_blank"&gt;
        &lt;?php print theme('image_style', array('path' =&gt; $imageone, 'style_name' =&gt; 'image_800x600', 'attributes'=&gt;array('alt'=&gt;$title))) ?&gt;
    &lt;/a&gt;
&lt;/div&gt;


The script above just make the node display one image. 

The second image is not appearing.

How to make it the image change to the 2nd image if mouse move over the image?
Display both images independently with something like this:

&lt;div class="portfolio_area_left"&gt;
    &lt;?php print theme('image_style', array('path' =&gt; $imageone, 'style_name' =&gt; 'image_800x600', 'attributes'=&gt;array('alt'=&gt;$title))) ?&gt;
    &lt;?php print theme('image_style', array('path' =&gt; $two, 'style_name' =&gt; 'image_800x600', 'attributes'=&gt;array('alt'=&gt;$title))) ?&gt;
&lt;/div&gt;


Then use jQuery for the hover/fade: http://jsfiddle.net/adeneo/xTw44/