jquery에서 이미지 미리 불러오기


자바스크립트에서 이미지를 미리 불러오는 가장 빠르고 쉬운 방법을 찾고있는데요. 이게 중요한지는 모르겠지만 jquery를 쓰고있습니다.

인터넷에서 아래같은 소스를 발견했는데요.

function complexLoad(config, fileNames) {
  for (var x = 0; x < fileNames.length; x++) {
    $("<img>").attr({
      id: fileNames[x],
      src: config.imgDir + fileNames[x] + config.imgFormat,
      title: "The " + fileNames[x] + " nebula"
    }).appendTo("#" + config.imgContainer).css({ display: "none" });
  }
};

이거말고 좀더 간단하고 빠른 소스는 없을까요?

  • 2016년 02월 25일에 작성됨

조회수 720


1 답변


좋아요
0
싫어요
채택취소하기
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를 쓰신다면 아래같은 방법도 있습니다.

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

// 사용법 :

$(['img1.jpg','img2.jpg','img3.jpg']).preload();
  • 2016년 02월 25일에 작성됨

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close