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)
Похожие статьи:
Комментарии: