Krijg een native breedte van afbeeldingen - CSS-trucs

Anonim

Als je een afbeelding selecteert met jQuery en vervolgens gebruikt .width(), krijg je de huidige breedte van de afbeeldingen, zelfs als deze is geschaald (bijv. Max-breedte: 100%;). U hebt als volgt toegang tot de oorspronkelijke breedte van de afbeeldingen (zelfs als deze geen attributen heeft die deze declareren):

// 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;