image slide gallery with jquery
<p>I'm try to create a sliding banner with jquery here. </p>

<p>I tried to code in this manner </p>

<pre><code>    .post(this,{ajax : 1}, function(data){
    var oldImage = $('div.banner &gt; img');
    var newImage = $(data).insertAfter(oldImage).css('position','absolute').css('left',800);
    newImage.load(function(){ 
oldImage.animate({left:-800},'medium',function(){});    newImage.animate({left:0},'medium',function(){
oldImage.remove();
    });
});
});
return false;
</code></pre>

<p>However, the transition between the 2 images is not smooth, and there seem to have
a little gap between the 2 image when the old image slide away, and the new image 
slide in. I assume is because there is a lag between the execution of image. 
Do you guys have any tips on how I can better do this?</p>
