Obtenir une largeur native d'images - Astuces CSS

Anonim

Si vous sélectionnez et image avec jQuery puis utilisez .width(), vous obtiendrez la largeur actuelle de l'image, même si elle a été mise à l'échelle (par exemple max-width: 100%;). Vous pouvez accéder à la largeur native des images (même si elle n'a aucun attribut qui la déclare) comme ceci:

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