jQuery에서 이미지를 미리 로드하는 방법: 빠르고 쉬운 방법과 플러그인 접근 방식?

jQuery로 이미지 미리 로드

jQuery 플러그인이 제공됨에도 불구하고 이미지 미리 로드를 위해 간결하고 가벼운 솔루션을 선호할 수도 있습니다.

빠르고 쉽게 사전 로드

간소한 접근 방식을 위해 다음 코드 조각을 고려하세요.

function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
        $('<img/>')[0].src = this;
        // Alternatively you could use:
        // (new Image()).src = this;
    });
}

사용법:

preload([
    'img/imageName.jpg',
    'img/anotherOne.jpg',
    'img/blahblahblah.jpg'
]);

jQuery 플러그인 접근 방식

jQuery 플러그인을 선호하는 경우 다음을 활용할 수 있습니다.

$.fn.preload = function() {
    this.each(function(){
        $('<img/>')[0].src = this;
    });
}

사용 방법:

$(['img1.jpg','img2.jpg','img3.jpg']).preload();

위 내용은 jQuery에서 이미지를 미리 로드하는 방법: 빠르고 쉬운 방법과 플러그인 접근 방식?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!