Jump to content

Welcome to Scriptznulled #1 nulling site

Welcome to Scriptznulled #1 nulling site, like most online communities you must register to view or post in our community, but don't worry this is a simple free process that requires minimal information for you to signup. Be apart of Scriptznulled #1 nulling site by signing in or creating an account.
  • Start new topics and reply to others
  • Subscribe to topics and forums to get email updates
  • Get your own profile page and make new friends
  • Send personal messages to other members.
Sign in to follow this  
Mercedes-Benz

Lazy Load [img]

Recommended Posts

Lazy Load [img]


rovides lazy loaded image support via the Lazysizes

A zero query method for per user-group lazy loading of the and [attach] tags in threads and conversations with adjustable distance before images are loaded.

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:

options.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




Unveil effects
Add styling to your theme for the classes: lazyload, lazyloading, lazyloaded.

Fade in

/* fade image in after load */
.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}

Spinner

/* 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.

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in to follow this  

×

Important Information

By using this site, you agree to our Terms of Use.