Почему не работает «Ленивая загрузка» в слайдере bootstrap?

Question

[rinaz22]

Всем привет! Поставил на сайт слайдер(carousel) от bootstrap.
Всего в слайдере 4 картинки. Подключил плагин lazyload, чтобы картинки, которые скрыты, грузились не сразу. Вместо атрибута src сделал data-src, запустил плагин, но ничего не работает, кроме 2-ой картинки. В чем может быть проблема? В консоли никаких ошибок.
1 картинка - по умолчанию грузится сразу же
2 картинка - не грузится
3 картинка - грузится
4 картинка - не грузится

Answer 1

[Алексей]

в script.js lazyload инициализировали?

Comments

[rinaz22]

Не совсем понял ваш вопрос

[Алексей]

rinaz22,

var lazyLoadInstance = new LazyLoad({
    elements_selector: ".lazy"
    // ... more custom settings?
});

Это в вашем скрипте есть?

[rinaz22]

Алексей, для запуска я использовал следующий код:

let images = document.querySelectorAll("img");
lazyload(images);

[Алексей]

rinaz22, плагину нужно сначала "позвонить", прежде чем использовать его функции. Ознакомьтесь с документаций: https://github.com/verlok/lazyload

[rinaz22]

Алексей, так выходит ошибка:
Uncaught ReferenceError: LazyLoad is not defined
Хотя плагин я подключил

[Алексей]

Script.js в конце тега body подключен? Под скриптом lazyload?

[rinaz22]

Алексей, да

[Алексей]

rinaz22, скиньте код и вёрстку, так будет проще

[rinaz22]

Алексей, Лучше оставлю все как есть. Спасибо что уделили мне время.