10 jQuery 이미지 캐시 플러그인 및 스크립트

jQuery 이미지 프리 로딩 플러그인으로 웹 사이트 이미지로드를 최적화하십시오! 이 기사는 이미지를 사전 캐칭하여 페이지로드 시간을 개선하도록 설계된 몇 가지 jQuery 플러그인을 살펴 봅니다. 옵션에 뛰어 들어 사이트에 어떻게 도움이 될 수 있는지 살펴 보겠습니다. 관련 기사 : 이미지/컨텐츠 용 jQuery 슬라이더, jQuery 브라우저 캐시에 이미지 추가.

jQuery-CacheImage : 사전 캐칭 이미지를위한 간단한 플러그인, FOUC (플래시의 플래시)를 최소화하고 인식 된 하중 속도를 향상시킵니다. 로드, 오류 및 중단 이벤트에 대한 콜백이 포함되어 있습니다

소스와 데모 jQuery 이미지 캐시 플러그인 : 브라우저의 로컬 스토리지의 이미지를 캐시하여 효율적인 크로스 탭/창 공유 및 강화 된 보안을 위해 용량 (일반적으로 5MB, 브라우저 의존적)을 활용합니다. 소스와 데모

jQuery 브라우저 캐시에 이미지 추가 : jQuery를 통해 이미지를 사전로드하는 기술, 숨겨진 DOM DIV 요소 내의 브라우저 캐시에 추가. 소스와 데모

2. jQuery 이미지 프리 로더 콜백이있는 프리 로더 : 이미지로드 완료를 신호로 신호로 콜백 메커니즘을 제공합니다.
소스와 데모

JavaScript 및 HTML5 진행 막대를 사용한 이미지 캐싱 이미지 : 는 사용자에게 페이지로드 진행 상황을 알리기 위해 진행률 표시 줄을 통합합니다. 소스와 데모

jQuery와 함께 이미지를 사전로드하는 것 :
3. 이 스크립트는 스타일 시트를 통해 반복되며, 캐시 가용성을 보장하기 위해 CSS 규칙 내에서 참조 된 이미지를로드합니다. 소스와 데모
   jQuery preload CSS 이미지 : 스타일 시트 규칙을 반복하여 연결된/가져온 CSS 파일의 jQuery 플러그인 캐싱 이미지.
   7. 소스와 데모
   jQuery로 이미지를 예압하는 가장 쉬운 방법 :
   이미지 사전로드를위한 최소 코드를 사용한 간결한 접근법.

   소스와 데모 jQuery 이미지 예압 플러그인 :

   DOM로드 전후에 이미지를 예압 할 수 있습니다.
   8. 소스와 데모 jpreloader :
   이미지 및 컨텐츠를 예압하기 위해로드 화면을 생성하여 프로세스 중에 스플래시 화면을 표시합니다.

   소스와 데모 (참고 : 를 각 플러그인의 소스 코드 및 데모로 실제 링크로 교체하십시오.) 이 확장 된 설명은 원래의 의미와 이미지 배치를 유지하면서 더 자세한 세부 사항을 제공하고보다 다양한 문장 구조를 사용합니다. 자리 표시 자 링크를 올바른 URL로 바꾸는 것을 잊지 마십시오.

위 내용은 10 jQuery 이미지 캐시 플러그인 및 스크립트의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!