I would like to fade image without white transfer between them.
HTML:
This should give you an idea:
var c = 0, // Counter index
$img = $('.image img'), // Get images
n = $img.length; // How many images?
$img.eq(c).show(); // Show c one
(function loop() { // Recursive infinite loop
$img.delay(1000).fadeOut(800).eq(++c%n).fadeIn(800, loop);
}());
.image{
position:relative;
}
.image img{
position:absolute;
top:0px;
display:none;
}