Získajte natívnu šírku obrázkov Triky CSS

Anonim

Ak vyberiete obrázok pomocou jQuery a potom použijete .width(), získate obrázky aktuálnej šírky, aj keď boli zmenšené (napr. Max-width: 100%;). K natívnej šírke obrázkov môžete získať prístup (aj keď nemá žiadne atribúty, ktoré to deklarujú) 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;