@Shimpanze

Как отследить загрузку всех картинок внутри контейнера?

Здравствуйте!

Необходимо отследить загрузку всех изображений в контейнере. Пишу код:

'use strict';

// выбираем целевой элемент
var el = document.getElementById('images-container');

// создаём экземпляр MutationObserver
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    // делаем то что нам нужно
    alert('Все изображения загружены');
  });    
});

// добавляем необходимые события для слежения
observer.observe(el, {
  subtree: true, // наблюдать за потомками
});


Песочница

Скажите, почему не срабатывает?

Спасибо!
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ответы на вопрос 2
Stalker_RED
@Stalker_RED
.
У вас там ничего не меняется, потому ничего и не высвечивается.
Вот я добавил код, добавляющий вертолет каждый 3 секунды, и MutationObserver работает
https://codepen.io/anon/pen/bLrvGE?editors=1010

// делаем то что нам нужно
    alert('Все изображения загружены');
Это вообще непонятно что такое. Откуда известно, что они загружены?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы