jQuery load an image and swap by click
<p>I have the following code on start to call the main image:</p>

<pre><code>$(function () {
   var img = new Image();
   $(img).load(function () {
       //$(this).fadeOut('normal');
       $('#bg div table tr td').removeClass('loading').append(this);
       $(this).fadeIn();
   }).attr('src', 'images/home.jpg');
});
</code></pre>

<p>Thats working so far. On click of an link i want to fade that one out and than load a second one in there. Somehow i cant get it to work... There are a lot of images that have to be loaded by clicking an element in the navigation, i´m not shure about the code. Any idea?</p>
