Eu gostaria de desvanecer a imagem sem transferência branca entre eles.

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);
});

Isso funciona, mas há um desvanecimento entre as mudanças. O array de imagens contém fontes de imagem. Eu achei istohttp://jsfiddle.net/byB6L/ mas não consigo atualizar meu código para trabalhar com isso.