Jquery slideshow with fadeOut - without fadeIn -

i have simple jquery slideshow on website uses fadein , fadeout. fadein/out creating flash of background find irritating. i've tried replacing other transitions no luck.

my goal have images fade each other seamlessly, without dark images showing flash of background during transition.

my jquery:

$(function(){ $('.fadein img:gt(0)').hide(); setinterval(function(){   $('.fadein :first-child').fadeout()      .next('img').fadein()      .end().appendto('.fadein');},    3000); }); 

i had similar problem sometime ago. without providing fiddle difficult give example of exact code need. concept is, need begin show next image fade out current image

demo http://jsfiddle.net/nyxut/161/

var speed = 2000; run = setinterval("switchslide()", speed); $(document).ready(function () {      $('#caption').html($('#slideshow img:first').attr('title'));      $('#slideshow img:gt(0)').hide();      $('#previous').click(function () {         $('#slideshow img:first').fadeout(1000);         $('#slideshow img:last').fadein(1000).prependto('#slideshow');         $('#caption').html($('#slideshow img:first').attr('title'));     });      $('#next').click(function () {         $('#slideshow img:first').fadeout(1000).next().fadein(1000).end().appendto('#slideshow');         $('#caption').html($('#slideshow img:first').attr('title'));     });  });  function switchslide() {     $('#slideshow img:first').fadeout(1000).next().show().end().appendto('#slideshow');     $('#caption').html($('#slideshow img:first').attr('title')); }