Effetto Fade in codice javascript

[miguar]

Salve a tutti ho un problema con questo codice:
vorrei che mi desse un effetto di sfumatura tra le due immagini, invece questo mi sfuma l'immagine 1 sul bianco e poi carica l'immagine2

mi potreste dare una mano o proporre un'alternativa?
grazie mille

<script language="JavaScript" type="text/javascript"> $(document).ready(function()
{ var imgArr = new Array( // relative paths of images 
'/sorrento/s2magazine/css/166/images_sc/testata/image1.jpg', 
'/sorrento/s2magazine/css/166/images_sc/testata/image2.jpg', 
'/sorrento/s2magazine/css/166/images_sc/testata/image3.jpg', 
'/sorrento/s2magazine/css/166/images_sc/testata/image4.jpg' 
); var preloadArr = new Array(); var i; 

/* preload images */ 
for(i=0; i < imgArr.length; i++){ preloadArr[i] = new Image(); preloadArr[i].src = imgArr[i]; }
 var currImg = 1; var intID = setInterval(changeImg, 9000);

 /* image rotator */ 
function changeImg()
{ $('.fototestata').animate({opacity: 0}, 500, function()
{ $(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +') top center no-repeat'); })
.animate({opacity: 1}, 2000); } });
</script>

[cavicchiandrea]

Vedi se con circle risolvi

[miguar]

scusami ma non sono espertissimo di codice
come devo procedere???

[cavicchiandrea]

Se ti va bene la transizione fade questo esempio fa la caso tuo nel sorgente pagina trovi tutto cosa inserire e la cronologia, se non sa come si fa un inclusione/richiamo ad un file js leggi qui