最新消息
  • 重要通知:请在7月之后新注册账号的重新获取激活链接→ 点击此处直达
Lazy Load [img]

X2插件 Lazy Load [img] 2.5.1

没有下载许可
您最多可以在24小时内下载0个文件
兼容版本2.x
  1. 2.1
  2. 2.2
语言
英文(English)
前置插件
php 7.0+
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:
Xon-LazyImageLoader.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!
作者
XFNULL
下载
0
查看
24
首次发布
最后更新
评分
0.00 星 0 星

来自XFNULL的更多资源

最新更新

  1. Lazy Load [img] 2.5.1 - Bugfix update

    Prevent doubling images on selecting text/images under a spoiler & using quote/reply feature.
顶部