이 글은 기계 번역의 미러 문서이며, 원본 기사로 바로 이동하려면 여기를 클릭해 주세요.

보기: 4106|회답: 2

[Jquery] jQuery image lazy loading lazyload plugin

[링크 복사]
게시됨 2023. 4. 5. 오후 8:17:05 | | | |
요구사항: HTML 페이지에 이미지가 너무 많아서 사용자가 처음 방문하면 수백 장의 이미지를 불러와야 하므로 매우 느려집니다. 인터넷에서 이미지를 게으른 로딩을 위한 게으른 로딩 솔루션을 찾았습니다. 원칙은 img 태그 src 주소를 같은 주소로 설정하고, data-xxx가 실제 이미지 주소를 설정한 뒤, 페이지가 로드될 때 모든 img 태그를 순회한 후 data-xxx 주소를 src 주소로 교체하는 것입니다.



lazyload 플러그인 주소:하이퍼링크 로그인이 보입니다.

다운로드:


lazyload-1.9.7.zip (781.69 KB, 다운로드 횟수: 1)

튜토리얼을 활용하세요

데이터 원본 속성에서 실제 이미지 주소를 다음과 같이 설정하세요:

그다음 HTML 하단에 있는 js 코드를 다음과 같이 호출하세요:

(끝)




이전의:HTTP 요청 스트레스 테스트를 위한 캐소와리 도구
다음:[실제 전투]. NET/C#로 JD.com 의 제품 상세 사진을 볼 수 있습니다
게시됨 2023. 4. 5. 오후 10:19:43 |
배우기 위해 배우세요
게시됨 2023. 4. 22. 오후 1:51:02 |

배우기 위해 배우세요
면책 조항:
Code Farmer Network에서 발행하는 모든 소프트웨어, 프로그래밍 자료 또는 기사는 학습 및 연구 목적으로만 사용됩니다; 위 내용은 상업적 또는 불법적인 목적으로 사용되지 않으며, 그렇지 않으면 모든 책임이 사용자에게 부담됩니다. 이 사이트의 정보는 인터넷에서 가져온 것이며, 저작권 분쟁은 이 사이트와는 관련이 없습니다. 위 내용은 다운로드 후 24시간 이내에 컴퓨터에서 완전히 삭제해야 합니다. 프로그램이 마음에 드신다면, 진짜 소프트웨어를 지원하고, 등록을 구매하며, 더 나은 진짜 서비스를 받아주세요. 침해가 있을 경우 이메일로 연락해 주시기 바랍니다.

Mail To:help@itsvse.com