Me gustaría desvanecer la imagen sin transferencia de blanco entre ellos.

HTML:

<div class="image">
  <span><img src="1.jpg"></span>
</div>

jQuery:

$('.image > span > img').fadeOut(1000, function() {
  $('.image > span > img').attr('src', images[i]);
  $(this).fadeIn(1000);
});

Esto funciona, pero hay un fundido blanco entre los cambios. La matriz de imágenes contiene fuentes de imágenes. encontré estohttp://jsfiddle.net/byB6L/ pero no puedo actualizar mi código para trabajar con eso.