2013-04-01 2 views
1

Я хочу использовать fadeToggle, чтобы автоматически исчезать и выводить некоторые изображения. Он работает, но все изображения начинают «исчезать», и я хотел бы, чтобы они стали невидимыми, чтобы они появлялись один за другим. Заранее спасибо!Запуск jquery fadeToggle hidden

$(function() { 
function run_animation($element, delay, duration) { 
    $element.delay(delay).fadeToggle(duration, function() { 
     run_animation($element, delay, duration); 
    }); 
} 
run_animation($('.pointer1'), 2000, 1000); 
run_animation($('.pointer2'), 2500, 1000); 
run_animation($('.pointer3'), 3000, 1000); 
run_animation($('.pointer4'), 3500, 1000); 
run_animation($('.pointer5'), 4000, 1000); 
+1

Не можете ли вы просто сделать их невидимыми с помощью CSS? –

ответ

1

Вы пытались спрятать изображения с помощью CSS? Попробуйте display:none, и при необходимости вы можете вызвать анимацию после show().

+0

Это сработало отлично! Спасибо! – JamesM

+0

О, и еще один вопрос; есть ли способ заставить их постепенно угасать? Таким образом, когда изображение 1 исчезает, nr. 2 исчезает и т. Д.? – JamesM

+0

вам нужно будет использовать полную функцию http://api.jquery.com/fadeIn/, ссылаясь на последний пример '$ (" div "). FadeIn (3000, function() { $ (" span "). FadeIn (100); }); ' –

Смежные вопросы