Эта статья является зеркальной статьёй машинного перевода, пожалуйста, нажмите здесь, чтобы перейти к оригиналу.

Architect_Programmer_Code Сельскохозяйственная сеть»Архитектор › Фронтенд-дизайн и веб › Передняя рама › jQuery image lazy loading плагин lazyload
Вид: 4106|Ответ: 2

[Jquery] jQuery image lazy loading плагин 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