Получить исходную ширину изображений - CSS-хитрости

Anonim

Если вы выберете и изображение с помощью jQuery, а затем используете .width(), вы получите текущую ширину изображения, даже если она была масштабирована (например, max-width: 100%;). Вы можете получить доступ к собственной ширине изображений (даже если у нее нет атрибутов, которые ее декларируют) следующим образом:

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