SORU
25 Kasım 2008, Salı


Safari/JavaScript ile gerçek görüntü genişliği ve yüksekliği Krom?

Bir jQuery eklentisi yaratıyorum.

Nasıl Safari Javascript ile gerçek görüntü genişliği ve yüksekliği alabilirim?

Firefox 3, IE 7 ve Opera 9 ile çalışır aşağıdaki:

var pic = $("img")

// need to remove these in of case img-element has set width and height
pic.removeAttr("width"); 
pic.removeAttr("height");

var pic_real_width = pic.width();
var pic_real_height = pic.height();

Ama aynı zamanda Y Safari ve Google Chrome gibi tarayıcılar değerler 0...

Sunucu tarafında bunu yapmamak bir seçenek değildir.

CEVAP
22 Mart 2009, Pazar


Y tarayıcılar görüntü yüklendikten sonra yükseklik ve genişlik özelliği. Zaman aşımı kullanmak yerine, bir resim yüklendiğinde olay kullanmanızı tavsiye ediyorum. Burada hızlı bir örnek:

var img = $("img")[0]; // Get my img elem
var pic_real_width, pic_real_height;
$("<img/>") // Make in memory copy of image to avoid css issues
    .attr("src", $(img).attr("src"))
    .load(function() {
        pic_real_width = this.width;   // Note: $(this).width() will not
        pic_real_height = this.height; // work for in memory images.
    });

CSS resim boyutları üzerindeki etkilerini önlemek için herhangi bir kod bellek üzerinde bir resmin kopyasını oluşturur. Bu çok zekice bir çözüm FDisk ileri sürülmektedir.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • MADFINGER Games a.s.

    MADFINGER Ga

    21 NİSAN 2009
  • Photoshop Training Channel

    Photoshop Tr

    13 Temmuz 2012
  • Sergio Fernandez

    Sergio Ferna

    1 EKİM 2009