![Lazy Load [img]](/data/resource_icons/4/4931.jpg?1685280400){kind=icon}
- Compatible XF Versions
- 1.4 , 1.5
- Visible Branding
- No
Provides lazy loaded image support via the Lazysizes
A zero query method for per user-group lazy loading of the and [/B]
Add styling to your theme for the classes: lazyload, lazyloading, lazyloaded.
Fade in
Spinner
A zero query method for per user-group lazy loading of the and [/B]
- Enable Outside threads/Conversations
- permits the lazy loading bbcode injection to run outside of those contexts. Inside those context it will still respect permissions.
- Force Lazy Loaded Spoiler
Add styling to your theme for the classes: lazyload, lazyloading, lazyloaded.
Fade in
CSS:
/* fade image in after load */
.lazyload,
.lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity 300ms;
}Spinner
CSS:
/* fade image in while loading and show a spinner as background image (good for progressive images) */
.lazyload {
opacity: 0;
}
.lazyloading {
opacity: 1;
transition: opacity 300ms;
background: #f7f7f7 url(loader.gif) no-repeat center;
}
