Question

I am using jQuery to cross fade images.

This is the code I am using:

$('.' + currentimage).fadeOut('slow', function() {
    $('.' + selectedimage).fadeIn('slow');
});

This is fading the first image out 100% before the selected image begins to fade in. Is there a simple way to begin fading in the second image when the first image has faded out by say 60-70%?

EDIT: All good answers. I think there is a further problem. My images are not showing up on top of each other – and only 1 image is visible at a time.

Answer 1

Try

$('.' + currentimage).fadeOut('slow');
$('.' + selectedimage).delay(100).fadeIn('slow');