로딩 이미지 다운로드

이미지 로드가 완료 되 면 발생 하는 이미지에 load 이벤트를 할당 합니다. 그 전에 로더 이미지를 보여줄 수 있습니다. 다운로드 하 고 페이지에 게으른 포함 하는 두 개의 사용 가능한 파일 중 하나를 저장, 개발 또는 jQuery의 옆에 축소 버전. 이 생성기는 색상 힌트, 키워드 및 업로드 이미지를 기반으로 팔레트를 생성 할 수 있으며 심 미적으로 만족 스럽게 제작 되었습니다. 색상 선택기 및 임의의 색상 라이브러리와 같은 도구를 함께 가까운 장래에 출시 될 예정 이다. 이 요소에 사용 하려는 로더 이름을 지연 로드 해야 하는 사용자의 데이터 로더 속성에 전달 하십시오. 동일한 Lazy 인스턴스에 사용자 지정 로더 및 이미지를 혼합할 수 있습니다. 내가 로드 하는 이미지의 클래스를 조작 하는 대신 요소를 숨기는 것을 제외 하 고 @Sarfraz 게시 된 것과 비슷한 기술을 사용 합니다. 이것은 모든 이미지 또는 iconfont에서 로더를 만드는 도구입니다.

.Css을 로드 하 여이를 가능 하 게 합니다. css는 이미지를 애니메이션 하는 많은 옵션을 제공 합니다. 이 도구를 사용 하면 자신의 이미지를 업로드 하거나 미리 빌드된 아이콘에서 선택한 다음 다른 유형의 애니메이션 로드 .css에서 고유한 ajax 스피너를 만들 수 있습니다. 그것은 또한 중첩 된 애니메이션이 수행 될 수 있음을 의미 GIF 이미지 포맷을 지원: 사용자 정의 로더 옵션을 사용 하면 모든 내용을 게으른 방법으로 로드 할 수 있는 강력한 솔루션이 있습니다. 플러그인은 모든 것을 처리 합니다, 당신은 단지 요소가 가시성 임계 값 안타 때마다 마녀가 있어 로딩 방법을 만들 수 있습니다. 여전히 동일한 Lazy 인스턴스에서 이미지 및 사용자 지정 로더를 로드할 수 있습니다. 내 경우에는 이미지가 로드 되지 않는 경우가 있으므로 onerror 이벤트를 처리 하 여 이미지 클래스를 변경 하면 브라우저의 깨진 이미지 아이콘이 아닌 오류 배경 이미지가 표시 됩니다. 지연 로드 하려는 요소를 준비 합니다. 기본적으로 로드 가능한 이미지 또는 데이터 로더 속성을 포함 하는 요소에 data-src 속성을 추가 하면 마녀가 플러그인 또는 사용자 지정 로더를 사용 해야 합니다.

지연은 기본적으로 이미지와 배경을 지원 하 고 당신이 구현 하고자 하는 플러그인과 사용자 정의 로더에 의해 다른 내용. 당신은 로드 이미지가 사라질 수 있도록 다른 jQuery를 기능을 사용할 수 있습니다, 다음 숨겨진: 경량 하지만 강력한 지연 된 콘텐츠, 이미지 및 배경 jQuery를 사용 하 여 모든 이미지에 배경 이미지를 추가 하는 것이 좋습니다: 또는 읽기 및 변경 구성은 런타임에 공용 구성 기능을 사용 하 여 실시간으로 실행 됩니다. 체인 가능한 매개 변수를 주의 하십시오! 단순히 태그에 프리로더 GIF를 사용 하거나 다른 요소의 배경으로 사용할 수 있습니다. 또한, 특정 버전에서 IE를 지원 하지 않는 몇 가지 기술이 있습니다. 또한 IE/Edge 모든 계열은 SMIL를 사용 하 여 SVG를 지원 하지 않습니다. 당신은 여전히 IE/Edge에서 우리의 로더를 사용 하기 위한 GIF를 생성 할 수 있습니다, 하지만 당신은 처음에 그들을 생성 하기 위해이 도구를 사용 하는 다른 현대 브라우저를 사용 해야 합니다. 이는 현재 Lazy 인스턴스 자체 이므로 공용 함수나 구성과 같은 모든 항목에 직접 액세스할 수 있습니다. 원한다 면, 당신은 쉽게 자신의 로더 플러그인을 만들 수 있습니다. 그냥 jQuery 또는 젭의 공공 기능 게으른를 사용 하 여 만들고 등록 하십시오. Loading.io의 로더 및 라이브러리는 부트스트랩, AngularJS, VueJS 및 리 액 트와 같은 인기 있는 프레임 워크에 통합 될 수 있습니다. loading.io 자체는 이러한 framworks에 내장 크롬, 파이어 폭스, 사파리를 포함 하 여 대부분의 최신 브라우저에서 테스트.