>웹 프론트엔드 >JS 튜토리얼 >jquery control_javascript 기술을 넘어서는 네트워크 이미지 지연 로딩 구현 코드

jquery control_javascript 기술을 넘어서는 네트워크 이미지 지연 로딩 구현 코드

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 18:31:221072검색

Taobao, QQ, Dangdang, Amazon 및 기타 웹사이트는 모두 이러한 효과가 있습니다. 섹션별로 이미지를 로드하는 것이 원칙인데, 이는 대역폭을 절약하기 위해 주로 대규모 웹사이트에서 사용됩니다. 그러나 그들이 제공하는 것들은 압축되어 있고 일부는 혼란스럽습니다. require 일부 Yahoo 라이브러리를 기반으로 하면 JQ의 제어가 충분히 명확하지만 여전히 네트워크 대역폭 절약 효과를 얻지 못하므로 JQ 지연 로딩 제어를 일부 개선했습니다. 개선점은 호출이 쉽고, 프로젝트에 많은 변경이 필요하지 않으며, JS 파일이 크지 않다는 점입니다. (파오파오닷컴 작업자! 재인쇄시 출처표시 부탁드립니다. 감사합니다)
1. 파오부닷컴 컨트롤 개발을 위해 원래는 JQ의 딜레이 컨트롤을 직접 사용하려고 했으나 JQ 딜레이 컨트롤은 로딩 속도만 빨라지게 할 뿐입니다. 즉, JQ의 지연 로딩은 실제로 이미지 전송량을 늘리지 않습니다. 코드를 다운한 후 수락하시기 바랍니다.
 {http:/ /www.appelsiini.net/projects/lazyload 컨트롤의 원본 JQ 다운로드 주소입니다.}
2. 이 컨트롤의 사용법에 주의하세요.
1. JQ 인용:

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



JQ가 없으면 가세요 online DOWN
2 .아래 게시된 코드를 JS 파일로 저장
코드 복사 코드는 다음과 같습니다.



추가 참고
3. 문을 호출하고 JQ를 터치해 보세요. 마찬가지로 페이지 하단의
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.