LazyLoad для background-image в теге style
Многие в курсе, что в DLE есть скрипт "Lazy Load XT" для отложенной загрузки для изображений. Ранее уже про это писал, после чего они добавили скрипт для аудио и видео. Но в "коробочном" варианте нет возможности загружать "отложено" изображения, которые добавлены к примеру так:
<div style="background-image: url(/img.png);"></div>Для этого на гитхабе есть пару файлов: jquery.lazyloadxt.js и jquery.lazyloadxt.bg.js, архив с ними будет в конце поста. С помощью этих скриптов нужно код:
<div style="background-image: url(/img.png);"></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}.
[attachment=155:jquery_lazyloadxt_bg.zip]