О jQuery fadeIn
fadeIn имеет функцию обратного вызова, которая вызывается, когда анимация завершена. Вы можете использовать его для запуска второй анимации, как показано ниже:
$('#clickme').click(function() {
// 1st anim starts here
$('#slideshowImage').fadeIn('slow', function() {
// 1st anim ended, 2nd starts here
$('#captionBackground').fadeIn('slow', function() {
// 2nd anim ended, 3rd stars here
$('#captionText').fadeIn('slow');
});
});
});
Анимационная часть начинается в функции обратного вызова события click, как я ее закомментировал. Конечно, вы, вероятно, не хотите запускать анимацию нажатием на кнопку, а не в цикле. В этом случае вам нужна только средняя часть.
Кроме того, вам нужно изменить селекторы jQuery для fadeIn правильных элементов. (Возможно, они не называются #slideshowImage или около того ...)