jQuery Цикл плагина «Увеличить» вместо fadeIn

Question

У меня есть много разделов с изображениями (плитки), которые я хотел бы появляться один за другим, когда сайт открывается. JQuery Cycle Плагин поддерживает это с помощью:

$('#slideshow img:first').fadeIn(1000, function() { 
    $('#slideshow').cycle(); 
}); 

Это прекрасно работает, однако я хотел бы некоторые изменения в этой анимации, что я не могу сделать сам, потому что я просто не знаю достаточно о JQuery и JS в целом , Я попробовал, но все усилия потерпели неудачу.

Что я хотел бы это:

• Изображения должны появляться один за другим. Насколько я знаю, опция «пауза» в этом плагине отсутствует. Есть ли опция, чтобы я мог удерживать анимацию в течение нескольких миллисекунд до ее запуска?

• Приведенный выше код затухает в изображении, но мне бы хотелось, чтобы он увеличивал/уменьшал изображение. Таким образом, похоже, что плитки поп-во.

Заранее благодарен!

Answer 1

Update

Вы можете использовать задержку Jquery для достижения этой цели:

$('#slideshow').cycle({fx:'fadeZoom'}).pause().delay(5000).resume();

оригинальный ответ

Плагин имеет все варианты, которые вы, кажется, описывающее:

Для справки здесь: http://jquery.malsup.com/cycle/options.html

$('#slideshow').cycle({fx: 'fadeZoom', delay: 1000}); - это то, что вы хотите назвать. Fx определяет анимацию, и задержка задерживает начало цикла.

Вот список всех анимаций: http://jquery.malsup.com/cycle/browser.html