• Downloading from our site will require you to have a paid membership. Upgrade to a Premium Membership from 10$ a month today!

    Dont forget read our Rules! Also anyone caught Sharing this content will be banned. By using this site you are agreeing to our rules so read them. Saying I did not know is simply not an excuse! You have been warned.

Lazy Load [img] xenforo 2

Lazy Load [img] xenforo 2 2.7.1

No permission to download
Compatible XF 2.x versions
  1. 2.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:
  • Enable Lazy Load Images
For "Forum Permissions" and "Conversation Permissions" sections.

Options:
lazy load img.png


  • 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.
  • 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;
In Lazy loading finished add;
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;
In Lazy loading in progress;
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.
  • Like
Reactions: emonb
Author
Admin
Downloads
1
Views
137
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from Admin

Latest updates

  1. 2.7.1 - Bugfix update

    Fix javascript error when quoting a post via the 'reply' button with XF2.2
Back
Top