집 >
기사 > 웹 프론트엔드 > Images_jquery 지연 로딩에 대한 지연 로드 jQuery 플러그인 중국어 사용 문서
Images_jquery 지연 로딩에 대한 지연 로드 jQuery 플러그인 중국어 사용 문서
WBOY원래의
2016-05-16 17:48:591019검색
LazyLoad 기술이란 무엇인가요?
페이지에 사진이 많은 경우 페이지를 열면 필연적으로 서버와 많은 양의 데이터 상호 작용이 발생합니다. 특히 고화질 사진의 경우 수백K의 공간을 차지합니다. Lazy Load는 JavaScript로 작성된 jQuery 플러그인으로, 긴 페이지에서 이미지 로드를 지연시킬 수 있습니다. 브라우저의 표시 영역 외부에 있는 이미지는 사용자가 페이지를 해당 위치로 스크롤할 때까지 로드되지 않습니다. 정확히 반대로 처리했습니다. 큰 이미지가 많이 포함된 긴 페이지에서 이미지를 느리게 로드하면 페이지 로드 속도가 빨라질 수 있습니다. 경우에 따라 브라우저는 표시되는 이미지를 로드한 후 준비 상태로 전환되어 서버 로드를 줄이는 데 도움이 될 수도 있습니다. 속도 향상. 호환 대상: ie6/7/8, firefox 3.5.5, Opera 10.10, safari 4.0.4, chrome 3.0. safari 및 chrome의 일부 기능은 지원되지 않습니다.
Lazy Load는 Matt Mlinac이 만든 YUI ImageLoader 도구 상자에서 영감을 받았습니다.
다운로드 명세서: 1. 주의사항: 본 코드는 학습 및 소통용이므로 상업적 목적으로 사용하지 마세요. 2. 참고: 이 코드는 학습 및 의사소통 전용이므로 상업적 목적으로 사용하지 마십시오. 파일 정보: 파일명: Lazy Load 지연 로딩 이미지 예시 파일 해시: dd3e435124e377c2da33344d442f85d1 파일 크기: 1.1MB 파일 업로드 날짜: 2012년 3월 25일 파일 업데이트 날짜: 3월 25일 , 2012 파일 설명: 페이지에 사진이 많은 경우 페이지를 열면 필연적으로 서버와 많은 양의 데이터 상호 작용이 발생합니다. 특히 고화질 사진의 경우 수백K의 공간을 차지합니다. Lazy Load는 JavaScript로 작성된 jQuery 플러그인으로, 긴 페이지에서 이미지 로드를 지연시킬 수 있습니다. 브라우저의 표시 영역 외부에 있는 이미지는 사용자가 페이지를 해당 위치로 스크롤할 때까지 로드되지 않습니다. 정확히 반대로 처리했습니다.
사용 방법 본론으로 들어가겠습니다.
Lazy Load는 jQuery에 따라 다릅니다. 페이지 헤드 영역에 다음 코드를 추가하세요. >