i am working on a slider here.
What i am doing is on a button click say next, i am fading out an image and then dynamically changing the source and then fading in. Now i am not doing this with fadeOut() function, rather than i am doing this by adding a css class fadeOut where opacity is 0 then removing the class once the src is changed. How can i achive that? I also need some time before it fades in,
I tried addClass() and removeClass() method but they were so qucik that the fade is not displayed.
please help.
thanks.

Here is the Code for the Next Button handler

```
 $('#nextHandler').click( function() {
        var nextListItem = ul.find('li.current').next();
        if ( nextListItem.length > 0 ) {
            ul.find('li.current').removeClass('current');
            nextListItem.addClass('current');
            var imagePath = ul.find('li.current').children('img').data("fullsrc");

            $('#fullImagePlaceholder').fadeOut(function () {
                $('#fullImagePlaceholder').attr('src', imagePath).fadeIn(500);
            }, 500);
        }
    });
});

```

Now i added the FadeOut function but it's till not working.