>웹 프론트엔드 >JS 튜토리얼 >js 이미지 지연 기술_javascript 기술의 일반적인 아이디어 및 예

js 이미지 지연 기술_javascript 기술의 일반적인 아이디어 및 예

WBOY
WBOY원래의
2016-05-16 16:55:001070검색

이미지 지연 기술의 일반적인 개념

1. 이제 img 요소에 해당하는 src 경로를 배경 이미지로 설정하고, img에 해당하는 url 경로는 자체 설정된 속성에 저장됩니다(src 교체용). .

2. 스크롤 높이와 창 높이를 가져옵니다.

3 로드를 지연해야 하는 img 배열을 반복하여 img 높이를 가져오고 요소가 시각적 창 내에 있습니다. 요소가 시각적 창 내에 있는 경우 src

를 테스트 코드

html

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