26 Kasım 2010, Cuma
Asychronously jQuery ile resimleri yükle
Benim sayfa zaman uyumsuz olarak jQuery kullanarak dış görüntüleri yüklemek istiyorumve şunları denedim:
$.ajax({
url: "http://somedomain.com/image.jpg",
timeout:5000,
success: function() {
},
error: function(r,x) {
}
});
Her zaman hata verir ama, böyle resim yüklemek mümkün mü?
.load
yöntemi denedim ve işe yarıyor ama eğer görüntü varsa yok zaman aşımı ayarlayabilirsiniz (404) nasıl hiçbir fikrim yok. Bunu nasıl yapabilirim?
CEVAP
26 Kasım 2010, Cuma
Ajax gerek. Yükleme bittikten sonra yeni bir görüntü öğesi oluşturun ve kaynak özniteliği ayarlamak ve bir yere belgede yer:
var img = $("<img />").attr('src', 'http://somedomain.com/image.jpg')
.on('load', function() {
if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
alert('broken image!');
} else {
$("#something").append(img);
}
});
Bunu Paylaş:
Görüntüleri önceden yükle JavaScript/j...
jQuery resim yükle resim önbelleğe bil...
Odak jQuery Safari çalışmıyor kullanar...
Doğrulamak bitiş tarihi jQuery ile baş...
jQuery "öznitelik" yok; seçic...