jQuery Fade Images simultaneously

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.

Accepted Answer

Try

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

jQuery Fade Images simultaneously

Solution

Problem