![Lazy Load [img] 2.7.2](/data/resource_icons/0/83.jpg?1730123204){kind=icon}
- Совместимые версии XF
- 2.2 , 2.3
- Видимый брендинг
- Нет
Обеспечивает поддержку отложенной загрузки изображений с помощью Lazysizes
Метод нулевого запроса для отложенной загрузки тегов и
Представляем эффекты
Добавьте в свою тему стили для классов: lazyload, lazyloading, lazyloaded.
Это можно сделать с помощью предоставленных классов стилей
Исчезает
Изображение исчезает после загрузки.
В; Lazy loading и Lazy loading in progress
В Lazy loading finished добавить;
Spinner
При загрузке изображение будет плавно появляться, а в качестве фонового изображения будет отображаться вращающийся значок (хорошо подходит для прогрессивных изображений)
В; Lazy loading;
В Lazy loading in progress;
Это дополнение не предоставляет изображение «loader.gif»!
Метод нулевого запроса для отложенной загрузки тегов и
- Включить внешние темы / обсуждения
- позволяет выполнять внедрение bbcode с отложенной загрузкой за пределами этих контекстов. Внутри этих контекстов он по-прежнему будет учитывать разрешения.
- Принудительно загруженные изображения со спойлерами
- Игнорирует разрешения, а ленивая загрузка изображений содержит спойлеры
- Значки отложенной загрузки
- Отложенная загрузка аватаров пользователей, значков ресурсов и меток тем.
Для этого используется встроенная в браузер функция отложенной загрузки.
- Отложенная загрузка аватаров пользователей, значков ресурсов и меток тем.
- Используйте встроенную отложенную загрузку
- Требуется современный браузер, в противном случае возвращается к коду библиотеки js
- Введите пустой SVG для вложения
Представляем эффекты
Добавьте в свою тему стили для классов: lazyload, lazyloading, lazyloaded.
Это можно сделать с помощью предоставленных классов стилей
Исчезает
Изображение исчезает после загрузки.
В; Lazy loading и Lazy loading in progress
CSS:
opacity: 0;В Lazy loading finished добавить;
CSS:
opacity: 1;
transition: opacity 300ms;Spinner
При загрузке изображение будет плавно появляться, а в качестве фонового изображения будет отображаться вращающийся значок (хорошо подходит для прогрессивных изображений)
В; Lazy loading;
CSS:
opacity: 0;В Lazy loading in progress;
CSS:
opacity: 1;
transition: opacity 300ms;
background: #f7f7f7 url(loader.gif) no-repeat center;Это дополнение не предоставляет изображение «loader.gif»!
