LazyLoad для background-image в теге style

03 июля 2021, Суббота
1 087
0
LazyLoad для background-image в теге style

Многие в курсе, что в DLE есть скрипт "Lazy Load XT" для отложенной загрузки для изображений. Ранее уже про это писал, после чего они добавили скрипт для аудио и видео. Но в "коробочном" варианте нет возможности загружать "отложено" изображения, которые добавлены к примеру так:
<div style="background-image: url(/uploads/mini/noimage.jpg);"></div>

Для этого на гитхабе есть пару файлов: jquery.lazyloadxt.js и jquery.lazyloadxt.bg.js, архив с ними будет в конце поста. С помощью этих скриптов нужно код:
<div style="background-image: url(/uploads/mini/noimage.jpg);"></div>

заменить на:
<div data-bg="/img.png"></div>

и подключить вышеупомянутые файлы в main.tpl.
<script src="{THEME}/js/jquery.lazyloadxt.js"></script>
<script src="{THEME}/js/jquery.lazyloadxt.bg.js"></script>

ВАЖНО! Обязательно данный код добавить после {jsfiles}.
jquery_lazyloadxt_bg.zip [3.34 Kb] (cкачиваний: 32)
Комментарии:
{login}

Твой комментарий..

Модули для создания киносайта и не только на базе DataLife Engine, и многое другое...
Просто блог Евгения Попова, он же - byroot © 2015-2025 | Карта сайта