Získejte nativní šířku obrázků - Triky CSS

Anonim

Pokud vyberete obrázek pomocí jQuery a poté použijete .width(), získáte obrázky aktuální šířky, i když byly změněny (např. Max-width: 100%;). K nativní šířce obrázků (i když nemá žádné atributy, které ji deklarují) můžete přistupovat takto:

// Get on screen image var screenImage = $("#image"); // Create new offscreen image to test var theImage = new Image(); theImage.src = screenImage.attr("src"); // Get accurate measurements from that. var imageWidth = theImage.width; var imageHeight = theImage.height;