jQuery как да правите нещата едновременно

Трябва да използвате функцията за обратно извикване fadeOut. Виж отдолу,

$('#lightboxImage').fadeOut('slow', function () {
   // Callback function that will be called after fadeOut
   $('#lightboxImage').attr('src', 'an imagesource').fadeIn('fast');
});

По-долу е от документацията на jQuery,

.fadeOut( [duration] [, easing] [, callback] )

• durationA низ или число, определящо колко дълго ще се изпълнява анимацията.
• easingA низ, указващ коя функция за облекчаване да се използва за прехода.
• callbackФункция за извикване след завършване на анимацията.

def format_attribs(kwargs):
    """Properly formats HTML attributes from a dictionary"""
    return ' '.join('{}="{}"'.format(key, val) for key,val in kwargs.iteritems())

def makeBold(**kwargs):
    attribs = format_attribs(kwargs)
    def _makeBold(fn):
        def wrapped():
            return '<b ' + attribs + '>' + fn() + '</b>'
        return wrapped
    return _makeBold

import functools
def makeBold(**kwargs):
    attribs = format_attribs(kwargs)
    def _makeBold(fn):
        @wraps(fn)
        def wrapped(*args, **kwargs):
            return '<b ' + attribs + '>' + fn(*args, **kwargs) + '</b>'
        return wrapped
    return _makeBold

Използвайте функции за обратно извикване.

$('#lightboxImage').fadeOut('fast', function() {
    $('#lightboxImage').attr('src', 'an imagesource').fadeIn('fast');
});

страницата в wikipedia обяснява добре функциите за обратно извикване.

В компютърното програмиране обратното извикване е препратка към изпълним код или част от изпълним код, който се предава като аргумент на друг код. Това позволява на софтуерен слой от по-ниско ниво да извика подпрограма (или функция), дефинирана в слой от по-високо ниво.

Не знам дали отговорите, които хората дават, са това, което искате.

Мисля, че искате първото изображение да "избледнее" във второто изображение.

В този случай ще трябва да имате две изображения, едно зад друго.

Този зад ще трябва да бъде display: none в css.

След това можете да направите:

$('img#image1').fadeOut();
$('img#image2').fadeIn();

И първото изображение трябва да избледнее във второто.

Ще трябва да позиционирате двете изображения абсолютно така, че това на преден план да покрива фона преди избледняването.

напр. http://jsfiddle.net/vre4M/

Това също ви позволява да се връщате назад и напред: http://jsfiddle.net/vre4M/1/

Поставянето им на опашка ще свърши работа:

$('#lightboxImage').fadeOut('slow', function () {
  $(this).attr('src', 'an imagesource').fadeIn('fast');
  });
});

Използвайте $(this), за да не го намирате отново и отново.

РЕДАКТИРАНЕ: Актуализирах отговора си, тъй като функцията attr няма обратно извикване. Благодаря момчета.