SORU
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ş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • HowcastSportsFitness

    HowcastSport

    11 Mayıs 2011
  • TheFlashCentre

    TheFlashCent

    22 Mayıs 2008
  • whiteboy7thst

    whiteboy7ths

    1 Temmuz 2009