Lazy Load [img] 2.1.5 - Xenforo 2

Lazy Load.png


  • Provides lazy loaded image support via the Lazysizes
  • A zero query method for per user-group lazy loading of "img" the 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.
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;
}
 

Đính kèm

Sửa lần cuối:

Bình luận



Top Dưới