>웹 프론트엔드 >JS 튜토리얼 >jquery 기반 지연 로더 플러그인은 이미지의 지연 로딩을 구현합니다. [간단한 사용]_jquery

jquery 기반 지연 로더 플러그인은 이미지의 지연 로딩을 구현합니다. [간단한 사용]_jquery

WBOY
WBOY원래의
2016-05-16 18:06:571155검색

이미지의 레이지 로딩은 jquery의 레이지 로더 플러그인을 사용하여 수행할 수 있습니다. 웹 페이지가 상대적으로 길면 사용자 창에 있는 이미지만 먼저 로드되고 창 외부의 이미지는 드래그할 때까지 로드되지 않습니다. 스크롤 막대를 뒤로 이동하면 이미지가 너무 많아 로딩이 느려지는 단점을 피하는 데 효과적입니다.

지연 로더 플러그인을 사용하는 방법은 매우 간단합니다. 페이지에 지연 로더 플러그인을 도입한 다음 페이지의 이미지에 대한 지연 로딩 방법을 호출하면 됩니다. 지연 로더 플러그인의 다운로드 주소: http://www.appelsiini.net/projects/lazyload. 구체적인 사용법을 살펴보겠습니다.

코드 복사 코드는 다음과 같습니다.