Описание Lazy Load :[/HEADING]
Добавляет поддержку ленивой загрузки изображений с использованием библиотеки [URL='https://github.com/aFarkas/lazysizes'][B]Lazysizes[/B][/URL], что уменьшает нагрузку на сервер и улучшает производительность.
[HEADING=1]Основные функции Lazy Load [img]:[/HEADING]
[LIST]
[*][B]Ленивая загрузка для тегов [img] и [attach]:[/B]
[LIST]
[*]Работает в темах и переписках.
[*]Использует тег <noscript> для обёртки оригинального тега <img>.
[/LIST]
[*][B]Дополнительные возможности:[/B]
[LIST]
[*]Ленивая загрузка изображений внутри спойлеров (по желанию, с игнорированием разрешений).
[*]Ленивая загрузка иконок ресурсов, аватаров пользователей и значков тем с использованием встроенной поддержки браузера.
[*]Вставка пустого SVG для вложений.
[/LIST]
[*][B]Эффекты отображения (Unveil effects):[/B]
[LIST]
[*][B]Fade-in:[/B]
[LIST]
[*]Постепенное появление изображения после загрузки.
[*]CSS для эффекта:
[CODE=css]/* В процессе загрузки */
.lazyload, .lazyloading {
opacity: 0;
}
/* После завершения загрузки */
.lazyloaded {
opacity: 1;
transition: opacity 300ms;
}[/CODE]
[/LIST]
[*][B]Spinner:[/B]
[LIST]
[*]Плавное появление изображения с отображением спиннера на фоне.
[*]CSS для эффекта:
[CODE=css].lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity 300ms;
background: #f7f7f7 url(loader.gif) no-repeat center;
}[/CODE]
[*]Примечание: изображение loader.gif не предоставляется аддоном.
[/LIST]
[/LIST]
[/LIST]
[HEADING=1]Разрешения Lazy Load [img]:[/HEADING]
[LIST]
[*][B]Enable Lazy Load Images:[/B]
[LIST]
[*]Добавляется в секции [B]Forum Permissions[/B] и [B]Conversation Permissions[/B].
[/LIST]
[/LIST]
[HEADING=1]Настройки Lazy Load [img]:[/HEADING]
[LIST]
[*][B]Enable Outside threads/Conversations:[/B]
[LIST]
[*]Позволяет использовать ленивую загрузку вне тем и переписок.
[/LIST]
[*][B]Force lazy loaded spoiler'ed images:[/B]
[LIST]
[*]Принудительная ленивая загрузка изображений в спойлерах.
[/LIST]
[*][B]Lazy load icons:[/B]
[LIST]
[*]Ленивая загрузка аватаров, иконок ресурсов и значков тем.
[/LIST]
[*][B]Use native lazy loading:[/B]
[LIST]
[*]Использует встроенную поддержку ленивой загрузки в современных браузерах.
[/LIST]
[/LIST]
[HEADING=1]Скриншоты Lazy Load [img]:[/HEADING]
[CENTER][ATTACH]53810[/ATTACH][/CENTER]

1604583144578.jpg 98,3 КБ · Просмотры: 7