add fade effect to image swap
<p>I'm looking for a solution to add a nice fade effect to a few images when I swap them. I'm new to jquery and have seen many solutions but only for a single image instead of multiples ones.Tried the z-index technique but that placed all the images on top of each other.</p>

<p>I'm using this jquery code to swap the images.</p>

<pre><code>$(document).ready(function(){



// jQuery image change on hover
$("ul#aside li a img")
    .mouseover(function() { 
        var src = $(this).attr("src").match(/[^\.]+/) + "over.png";
        $(this).attr("src", src);
    })
    .mouseout(function() {
        var src = $(this).attr("src").replace("over", "");
        $(this).attr("src", src);

    });
});
</code></pre>

<p>Any help or tips is much appreciated.</p>
