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ş:
jQuery/kırık görüntüleri değiştirmek i...
JavaScript Önyükleme Görüntüleri...
Ve jQuery UI görüntüleri Ruby on Rails...
Önyükleme CSS Görüntüleri...
Devre dışı bırakma görüntüleri jquery ...