Форум Сайтостроение Веб-строительство

Плавное появление изображений с задержкой

[Удален]
1124

Создал топик на форуме программистов, но никто не ответил. Мб тут кто-нибудь подскажет, в чем трабл...

Цель, чтобы при попадании в область видимости, в блоке плавно появлялись несколько изображений, но не сразу, а с задержкой т.е. друг за другом с определенным интервалом по времени. 


jQuery(document).ready(function() {

jQuery('img.in').bind('inview', function(event, isInView, visiblePartX, visiblePartY) {

if (isInView) {

var _this=jQuery(this);

setTimeout(function(){ _this.addClass('animated fadeIn') }, 300);

jQuery(function() {

jQuery('img.in').each(function(n) {

jQuery(this).delay((n++)*900).fadeTo(1500, 1); })

})

}

   });

   

});

Не работает именно то, что касается функции delay

П.С. в js я первый лвл.

Mad_Man
На сайте с 10.11.2008
Offline
162
Mad_Man
#1

Парадигма JS предполагает максимальное распараллеливание разных задач. Для синхронизации очерёдности анимации посмотрите примеры вида http://api.jquery.com/queue/. Если вы знаете точное время между анимацией каждого последующего элемента (к примеру, каждые 5 секунд), тогда подойдёт костыль такого вида: http://stackoverflow.com/a/19478377 (вторая половина ответа).

Для пары изображений с известными и постоянными селекторами достаточно реализации коллбэков в явном виде (nested callbacks).

Как различные парадигмы дизайна Анализ скорости загрузки сайта: В WordPress 5.9 теперь

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий