Отримати рідну ширину зображень - 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;