![Lazy Load [img] xenforo 2](/data/resource_icons/0/400.jpg?1720953720){kind=icon}
- Compatible XF 2.x versions
- 2.2
- 2.3
- Additional requirements
- php 7.2+
Standard Library v1.20.0+ by Xon
Require Client Browsers to be at least IE9, Firefox or Chrome.
Provides lazy loaded image support via the Lazysizes
A zero query method for per user-group lazy loading of the [.img] and [.attach] tags in threads and conversations.
Uses a noscript tag around the original img tag.
Option to force lazy loading of contents in a spoiler tag.
Permissions:
Adds the permission:
Options:
Unveil effects
Add styling to your theme for the classes: lazyload, lazyloading, lazyloaded. This can be done by the provided style classes
Fade in
Fade image in after load.
In; Lazy loading and Lazy loading in progress
In Lazy loading finished add;
Spinner
Fade image in while loading and show a spinner as background image (good for progressive images)
In; Lazy loading;
In Lazy loading in progress;
A "loader.gif" image is not provided by this add-on!
Licensing:
Lazysizes is MIT Licensed, as of 2020-06-07.
Original source is github.com/aFarkas/lazysizes
Contributing features or bug fixes
Please create a Github Pull request via the "More Information" link.
Contributions
If you appreciate this addon, please consider a contribution via PayPal. Details will be provide via private conversation.
Please contact me if you wish for different licensing arrangements.
A zero query method for per user-group lazy loading of the [.img] and [.attach] tags in threads and conversations.
Uses a noscript tag around the original img tag.
Option to force lazy loading of contents in a spoiler tag.
Permissions:
Adds the permission:
- Enable Lazy Load Images
Options:
- 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'ed images
- Ignores permissions, and lazy loads images in spoilers
- Lazy load icons
- Lazy load user avatars, resource icons, and threadmark icons.
This uses browser native lazy loading.
- Lazy load user avatars, resource icons, and threadmark icons.
- Use native lazy loading
- Requires a modern browser, otherwise falls back to js library code
- Inject blank SVG for attachment
Unveil effects
Add styling to your theme for the classes: lazyload, lazyloading, lazyloaded. This can be done by the provided style classes
Fade in
Fade image in after load.
In; Lazy loading and Lazy loading in progress
CSS:
opacity: 0;
CSS:
opacity: 1;
transition: opacity 300ms;Spinner
Fade image in while loading and show a spinner as background image (good for progressive images)
In; Lazy loading;
CSS:
opacity: 0;
CSS:
opacity: 1;
transition: opacity 300ms;
background: #f7f7f7 url(loader.gif) no-repeat center;A "loader.gif" image is not provided by this add-on!
Licensing:
Lazysizes is MIT Licensed, as of 2020-06-07.
Original source is github.com/aFarkas/lazysizes
Contributing features or bug fixes
Please create a Github Pull request via the "More Information" link.
Contributions
If you appreciate this addon, please consider a contribution via PayPal. Details will be provide via private conversation.
Please contact me if you wish for different licensing arrangements.
