Aynı yerde gözüken resimlerin ayrı ayrı yer kaplaması

var a=0;
$(document).ready(function(){
banner();
var int=self.setInterval("banner()",2000);
});

function banner(){
//resim sayısını girin
if(a==6){a=0;}
var resim = $("#resim span:eq("+a+")").html();
$("#banner").html(resim);
a++;
}


Arkadaşlar şimdi bu kodu kullanarak sayfamda bir resim 2 saniyede bir değişiyor.İstediğim tam olarak bu.Ama değişen resimler sayfamda fazladan yer kaplıyor.Yani birinci resim ilk çıkıyor 3 saniye sonra diğeri aynı yerde çıkıyor.Ama kapladıkları yer 2 katı.Umarım anlatabilmişimdir.Yardım:( Teşekkürler