>  기사  >  웹 프론트엔드  >  jQuery 지연로드의 반복되는 로딩 오류 및 it_jquery 수정 방법

jQuery 지연로드의 반복되는 로딩 오류 및 it_jquery 수정 방법

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

코드를 분석해봐도 알 수 있습니다.
주된 이유는 일단 로드된 페이지에 작성된 가 서버에서 이미지 주소를 적용하여 큰 이미지를 로드하기 때문입니다.
원래의 효과를 얻으려면 페이지에 적힌 로드할 주소가 큰 이미지의 주소가 아니어야 하며, 실제 이미지 주소 데이터를 alt 속성에 저장할 수 있습니다.
올바른 예는 다음과 같습니다.

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

http://www.jb51.net/comstyles/img200-150-3.jpg
http://www. jb51.net/comstyles /img200-150-4.jpg

원본 jquery.lazyload.js도 일부 변경해야 합니다.
코드 복사 코드는 다음과 같습니다.





전체 예시는 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.



<머리>

无标题文档





<본문>

200-150
第一屏고도 900px, 滚动到下면의 时候, 才开始加载


http://www.titan24.com/comstyles/ad400-300.jpg
http://www.titan24.com/comstyles/img200-150-1.jpg
http://www.titan24.com/comstyles/img200-150-2.jpg


http://www.titan24.com/comstyles/img200-150-3.jpg
http://www.titan24.com/comstyles/img200-150-4.jpg
http://www.titan24.com/comstyles/img560-300-1.jpg
http://www.titan24.com/comstyles/img560-300-2.jpg
http://www.titan24.com/comstyles/img560-300-3.jpg
http://www.titan24.com/comstyles/img560-300-4.jpg




测试可知 是真正的按需加载. 정말 대단해요.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.