Ця стаття є дзеркальною статтею машинного перекладу, будь ласка, натисніть тут, щоб перейти до оригінальної статті.

Вид: 4106|Відповідь: 2

[Jquery] jQuery image lazy loading plugin lazyload

[Копіювати посилання]
Опубліковано 05.04.2023 20:17:05 | | | |
Вимоги: На HTML-сторінці занадто багато зображень, якщо користувач відвідає її вперше, це буде дуже повільно, бо потрібно завантажити сотні зображень, і я знайшов деякі рішення для лінивого завантаження зображень з Інтернету, принцип полягає в тому, що адреса src tag img встановлюється на ту ж адресу, а data-xxx встановлює реальну адресу зображення, коли сторінка завантажується, обходить усі теги img і замінює адресу data-xxx на адресу src.



Адреса плагіна lazyload:Вхід за гіперпосиланням видно.

Завантажити:


lazyload-1.9.7.zip (781.69 KB, Кількість завантажень: 1)

Використовуйте туторіал

Встановіть адресу реального зображення в атрибуті data-original наступним чином:

Потім викликайте js-код так внизу HTML:

(Кінець)




Попередній:Інструмент Cassowary для стрес-тестування HTTP-запитів
Наступний:[Справжній бій]. NET/C#, щоб отримати фото деталей продукту JD.com
Опубліковано 05.04.2023 22:19:43 |
Вчитися вчитися
Опубліковано 22.04.2023 13:51:02 |

Вчитися вчитися
Застереження:
Усе програмне забезпечення, програмні матеріали або статті, опубліковані Code Farmer Network, призначені лише для навчання та досліджень; Вищезазначений контент не повинен використовуватися в комерційних чи незаконних цілях, інакше користувачі несуть усі наслідки. Інформація на цьому сайті надходить з Інтернету, і спори щодо авторських прав не мають до цього сайту. Ви повинні повністю видалити вищезазначений контент зі свого комп'ютера протягом 24 годин після завантаження. Якщо вам подобається програма, будь ласка, підтримуйте справжнє програмне забезпечення, купуйте реєстрацію та отримайте кращі справжні послуги. Якщо є будь-яке порушення, будь ласка, зв'яжіться з нами електронною поштою.

Mail To:help@itsvse.com