Lazy Load [img] 2.7.1

Compatible XF Versions

Additional Requirements: php 7.0+
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 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

Unveil effects
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;
}

Known issues:

Doesn't work with XenForo Resource Manager.
Doesn't work with XenForo Media Gallery.

Reactions: PNR Holding, lagrace, iboes89 and 28 others

xF2 Add-on Lazy Load [img] 2.7.1

More resources from Admin

Share this resource

Latest updates

2.7.1 - Bugfix update

2.6.0 - Maintainance update

2.5.1 - Bugfix update

Similar resources