Получение размеров изображения после изменения размера браузера

Question

У меня есть div с изображением, которое я хочу центрировать внутри.Изображение будет отличаться каждый раз, и у него есть свойства max-width и max-height css.Проблема в том, что функция image.onload, которую я использую для математических операций с image.width и image.height, дает мне размеры изображений до того, как их уменьшит браузер:( как я могу это снять?

Answer 1

Если вы имеете в виду, что у вас есть изображение, скажем, 200x200 пикселей, и было изменено (скажем) до 150x150 пикселей из-за свойств CSS, тогда image.width и image.height должны работать нормально. То есть они должны дать вам 150х150, а не 200х200. (См. здесь для справки Mozilla.)

Альтернативно, вы можете попробовать element.clientWidth и element.clientHeight (https://developer.mozilla.org/en/DOM/element.clientHeight),, которые дают визуализированные размеры любого элемента DOM.

Я не проверял это в IE, но и там должно работать нормально. (Ссылочная страница MSDN для ширины здесь . Вы также можете найти clientWidth там.)

Какой браузер вы тестируете?