Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 15.04.2020, 01:24   #1
Predator199
Форумчанин
 
Аватар для Predator199
 
Регистрация: 26.01.2012
Сообщений: 648
По умолчанию Последовательность подгрузки изображений

Код:
let observer = new IntersectionObserver(function (entries, self) {
  entries.forEach((entry, i) => {
    if (entry.isIntersecting) {
        entry.src = entry.dataset.src;
        self.unobserve(entry.target)
    }
  })
}, {rootMargin: '0px 0px 200px 0px', threshold: 0});
 
document.querySelectorAll('img').forEach(v => {
	if(!v.complete){
		v.dataset.src = v.src;
		v.src = '';
        observer.observe(v);
	}
})
Все вроде бы работает, но. Хочется реализовать последовательность подгрузки изображение. Чтобы не сразу грузились все изображения в области видимости. А последовательно, то есть как только подгрузилось изображение, загружаем следующее.

Не понимаю как реализовать, а именно построить такую очередь?
Predator199 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Конвертация swf в последовательность изображений png - Flash igrok111 Общие вопросы Web 0 19.12.2014 00:10
скрипт подгрузки при скролинге alimov7 Помощь студентам 0 07.11.2012 17:00
Скрипт подгрузки страницы при скролинге alimov7 Помощь студентам 0 06.11.2012 15:21
Ширина DIV при подгрузки html 1ord JavaScript, Ajax 5 13.02.2011 22:42