1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Registration Email Allowed In Our Database :  Yahoo * Gmail * Hotmail * Outlook * yandex * live * are allowed to register in our database. [ We Will Approve Manually After Review It ]

Add-on Lazy Load [img] 1.2.1

Load less.

  1. SM€GGLE
    Only accessible by:
    • Open Source
    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 :
    Capture1.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.

Recent Updates

  1. Lazy Load [img]
  2. Lazy Load [img]
  3. Lazy Load [img]