0

Есть функция которая проверяет размеры картинки, как сделать так, чтобы она выполнялась после загрузки картинки. Иначе возвращаются пустые параметры.

Kula Hula
  • 109
  • 1
    <img ... onload="checkSize(this)" –  Nov 09 '16 at 15:17
  • Игорь, спасибо. Однако у меня картинки добавляются с помощью js и нужно выполнить скрипт, поле загрузки всех картинок. – Kula Hula Nov 10 '16 at 03:24
  • Исправьте/дополните, пожалуйста, вопрос. По возможности, включив фрагменты относящихся к вопросу html и javascript'a. –  Nov 10 '16 at 03:33

2 Answers2

2

var img = document.getElementById('img');
img.onload = function() {
  alert('Width: ' + this.width + 'px. Height: ' + this.height + 'px');
}
<img id="img" src="https://www.google.ca/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" />
mix
  • 2,593
1

Вы можете назначить обработчик события onload:

function checkSize(anImage) {
  alert($(anImage).width() + " x " + $(anImage).height());
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img onload="checkSize(this)" src="https://www.google.ca/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" />