12 maj, 2019 admin

로딩 이미지 다운로드

다운로드 하 고 페이지에 게으른 포함 하는 두 개의 사용 가능한 파일 중 하나를 저장, 개발 또는 jQuery의 옆에 축소 버전. 경량 하지만 강력한 지연 된 콘텐츠, 이미지 및 배경에 대 한 게으른 로딩 플러그인 jQuery를 사용 하 여 모든 이미지에 배경 이미지를 추가 하 고 있습니다: 게으른 기본적으로 이미지와 배경을 지원 하거나 플러그인과 사용자 정의 로더 당신이 좋아 구현. 이 생성기는 색상 힌트, 키워드 및 업로드 이미지를 기반으로 팔레트를 생성 할 수 있으며 심 미적으로 만족 스럽게 제작 되었습니다. 색상 선택기 및 임의의 색상 라이브러리와 같은 도구를 함께 가까운 장래에 출시 될 예정 이다. 지연 로드 하려는 요소를 준비 합니다. 기본적으로 로드 가능한 이미지 또는 데이터 로더 속성을 포함 하는 요소에 data-src 속성을 추가 하면 마녀가 플러그인 또는 사용자 지정 로더를 사용 해야 합니다. 내가 로드 하는 이미지의 클래스를 조작 하는 대신 요소를 숨기는 것을 제외 하 고 @Sarfraz 게시 된 것과 비슷한 기술을 사용 합니다. 이미지 로드가 완료 되 면 발생 하는 이미지에 load 이벤트를 할당 합니다. 그 전에 로더 이미지를 보여줄 수 있습니다. 내 경우에는 이미지가 로드 되지 않는 경우가 있으므로 onerror 이벤트를 처리 하 여 이미지 클래스를 변경 하면 브라우저의 깨진 이미지 아이콘이 아닌 오류 배경 이미지가 표시 됩니다. 이 도구를 사용 하면 자신의 이미지를 업로드 하거나 미리 빌드된 아이콘에서 선택한 다음 다른 유형의 애니메이션 로드 .css에서 고유한 ajax 스피너를 만들 수 있습니다.

그것은 또한 중첩 된 애니메이션이 수행 될 수 있다는 것을 의미 GIF 이미지 포맷을 지원: 당신은 로드 이미지가 사라질 수 있도록 다른 jQuery 기능을 사용할 수 있습니다, 다음 숨겨진: 사용자 정의 로더 옵션을 사용 하면 모든 콘텐츠를 게으른 방법으로 로드 하는 강력한 솔루션이 있습니다. 플러그인은 모든 것을 처리 합니다, 당신은 단지 요소가 가시성 임계 값 안타 때마다 마녀가 있어 로딩 방법을 만들 수 있습니다. 여전히 동일한 Lazy 인스턴스에서 이미지 및 사용자 지정 로더를 로드할 수 있습니다. 이 요소에 사용 하려는 로더 이름을 지연 로드 해야 하는 사용자의 데이터 로더 속성에 전달 하십시오.