Addon 2x Lazy Load [img] - Tải Lazy img cho XenForo 2 2.6.0

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,832
Được Like
12,694
Lazy Load - Tải Lazy img cho XenForo 2 2.6.0[/B]
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.

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

[B]Permissions:[/B]

Thêm permission:
[LIST]
[*]Enable Lazy Load Images
[/LIST]
Cho "Forum Permissions" và "Conversation Permissions".

[CENTER][ATTACH type="full"]86788[/ATTACH][/CENTER]
[LIST]
[*]Bật chạy bên ngoài chủ đề/cuộc trò chuyện
[LIST]
[*]cho phép chèn bbcode lazy chạy bên ngoài các ngữ cảnh đó. Bên trong những bối cảnh đó, nó vẫn sẽ tôn trọng các quyền.
[/LIST]
[*]Buộc các hình ảnh spoiler được tải lazy
[LIST]
[*]Bỏ qua quyền và tải lazy hình ảnh trong spoiler
[/LIST]
[*]Biểu tượng tải lazy
[LIST]
[*]Tải lazy hình đại diện người dùng, biểu tượng tài nguyên và biểu tượng dấu chỉ.
Điều này sử dụng tải lazy gốc của trình duyệt.
[/LIST]
[*]Sử dụng tải lazy gốc
[LIST]
[*]Yêu cầu trình duyệt hiện đại, nếu không sẽ rơi trở lại mã thư viện js
[/LIST]
[*]Chèn SVG trống cho tệp đính kèm
[/LIST]

[B]Khám phá các hiệu ứng[/B]
Thêm kiểu dáng vào chủ đề của bạn cho các class: lazyload, lazyloading, lazyloaded. Điều này có thể được thực hiện bởi các class kiểu được cung cấp

[B]Fade in[/B]
Fade hình ảnh sau khi tải.

Trong; [ICODE]Lazy loading[/ICODE] và [ICODE]Lazy loading in progress[/ICODE]
[CODE=css]opacity: 0;[/CODE]

Trong [ICODE]Lazy loading finished[/ICODE] thêm;
[CODE=css]opacity: 1;
transition: opacity 300ms;[/CODE]

[B]Spinner[/B]
Làm mờ hình ảnh trong khi tải và hiển thị một con quay làm hình nền (tốt cho tiến trình hình ảnh)

Trong; [ICODE]Lazy loading[/ICODE];
[CODE=css]opacity: 0;[/CODE]

Trong [ICODE]Lazy loading in progress[/ICODE];
[CODE=css]opacity: 1;
transition: opacity 300ms;
background: #f7f7f7 url(loader.gif) no-repeat center;[/CODE]

Add-on này không cung cấp hình ảnh "loader.gif"!

Chúc các bạn thành công.


[RIGHT]Nguồn: xenforo.com[/RIGHT]
 

Đính kèm

  • addon-Xon-LazyImageLoader-2.6.0.zip
    36.5 KB · Lượt xem: 12
  • 1604583144578.png
    1604583144578.png
    46.2 KB · Lượt xem: 21

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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

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