Как сделать zalyload background image?

Question

[NikitosPRO]

Добрый день всем разработчикам! Занимаюсь данной темой недавно, в интернете не смог найти понятную информацию по данному вопросу. Помогите пожалуйста реализовать lazyload background-image.

Comments

[Rustam Bainazarov]

Подключаете скрипт:
https://appelsiini.net/projects/lazyload/

Путь до фона пишете так в HTML:

<div class="lazyload" data-src="путь до картинки"></div>

Инициализируете перед закрытием тега body, чтобы наверняка, хотя можно в общий файл со скриптами кинуть:

<script>
document.addEventListener("DOMContentLoaded", function(event) {
    lazyload();
});
</script>

Стили позиционирования фона, его размеры — прописываете в CSS.

[NikitosPRO]

Рустам Байназаров, К бэкграунду у меня не подключается лэйзилоуд. В чем может быть проблема?
Выкладываю код

<div class="pl-shtukatur__tools gips-partitions__tools lazyload" style="background-image: url([[+image:phpthumbon=`w=2000&h=2000&zc=1`]])">

[Rustam Bainazarov]

NikitosPRO, вы мой код читали? Вы видите где-то style в нём?

[Rustam Bainazarov]

div class="pl-shtukatur__tools gips-partitions__tools lazyload" data-src="[[+image:phpthumbon=`w=2000&h=2000&zc=1`]]">

[NikitosPRO]

Рустам Байназаров, спасибо, буду пробовать

[NikitosPRO]

Рустам Байназаров, А еще не сможете подсказать. Как быть с бэкграунд изображениями, которые не выведены инлайном, а висят в стилях.
Спасибо.

[Rustam Bainazarov]

NikitosPRO, никак. Либо есть метод, но он слишком сложный.

[NikitosPRO]

Рустам Байназаров, Понял, спасибо большое, буду выводить инлайном