Addon Lazy Load [img] - Tải Lazy [img]

PVS

Super Moderator
Thành viên BQT
Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn
Lazy Load img - Tải Lazy img 1.3.1

Cung cấp hỗ trợ hình ảnh lazy loaded qua Lazysizes.

Một phương pháp không truy vấn cho mỗi nhóm người dùng lazy loaded của thẻ img và ATTACH trong chủ đề và các cuộc trò chuyện với khoảng cách điều chỉnh trước khi hình ảnh được tải.

Sử dụng một thẻ noscript xung quanh thẻ img gốc.

Hỗ trợ add-on Image Attachment Optimization & CDN Support .

Lựa chọn để buộc lazy loading các nội dung trong thẻ spoiler.

Permissions:

Thêm permission:
  • Enable Lazy Load Images
Cho "Forum Permissions" và "Conversation Permissions".

Capture.PNG

Unveil effects
Thêm styling cho chủ đề của bạn cho các class: lazyload, lazyloading, lazyloaded.

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

Spinner
Mã:
/* 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;
}

Các vấn đề được biết đến:
  • Không làm việc với XenForo Media Gallery.
  • Không làm việc với Resource Manager.
Chúc các bạn thành công.


Nguồn: xenforo.com
 

Đính kèm

Sửa lần cuối bởi điều hành viên:

Dịch vụ XenForo của VNXF

anhanhxf     0906081284
silzedt_1207          Inbox   PVS

Hướng dẫn sử dụng

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Back
Top