SORU
24 Ocak 2009, CUMARTESİ


JQuery ile önyükleme görüntüleri

Hızlı ve kolay bir şekilde JavaScript ile görüntüleri önceden yüklemek için arıyorum. Eğer bu kadar önemliyse jQuery kullanıyorum.

Burada (http://nettuts.com...) gördüm

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" });
  }
};

Ama, istediğim şey için biraz daha iyi görünüyor!

Bu olay jQuery eklentileri olduğunu biliyorum ama onlar biraz büyük gibi (boyut olarak); sadece önyükleme görüntüleri hızlı, kolay ve kısa bir yol gerekir!

CEVAP
24 Ocak 2009, CUMARTESİ


Hızlıvekolay:

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

// Usage:

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

Veya, Eğer bir jQuery eklentisi isterseniz:

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

// Usage:

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

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • ehowhome

    ehowhome

    22 NİSAN 2009
  • Liz Morgan

    Liz Morgan

    4 Aralık 2011
  • magnum33563

    magnum33563

    8 NİSAN 2011