1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Lazy Load [img] 1.1.1

Load less.

  1. Xon
    Compatible XF Versions:
    • 1.4
    • 1.5
    Additional Requirements:
    Require Client Browsers to be at least IE9, Firefox or Chrome.
    License:
    MIT Licence
    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 with adjustable distance before images are loaded.

    Uses a noscript tag around the original img tag.

    Supports the add-on [Tinhte] Image Attachment Optimization & CDN Support .

    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:
    Capture.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.

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

    Fade in
    Code:
    /* fade image in after load */
    .lazyload,
    .lazyloading {
        opacity: 0;
    }
    .lazyloaded {
        opacity: 1;
        transition: opacity 300ms;
    }
    
    Spinner
    Code:
    /* 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 Media Gallery.
    • Doesn't work with Resource Manager.

    Licensing:

    Lazysizes is MIT Licensed, as of 2015-11-01.
    Original source is https://github.com/aFarkas/lazysizes


    Installation

    I recommend using Add-on install & upgrade or Install and Upgrade by waindigo to install this addon.

    Contributing features or bug fixes
    Please create a Github Pull request via the "Find more info at github.com..." link.

    Contibutions

    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 licencing arrangements.
    SAS1024, Axel B, BobbyWibowo and 5 others like this.

Recent Updates

  1. Bugfix release
  2. Feature update release
  3. Maintenance update

Recent Reviews

  1. Amin Sabet
    Amin Sabet
    5/5,
    Version: 1.1.1
    Fantastic addon. Invaluable on my photography forums (very image heavy), especially for mobile. Thanks, Xon!