IE11 img load test

by sas_sam

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<p>
  image: <span id="image-container"></span>
  <button id="loadImgBtn">Load image</button>
  <button id="reread">Reread width</button>
</p>

<div class="log"></div>

JavaScript

var photoInstance = undefined;

function addImg() {
	$(".user-img").remove();
  
	photoInstance = $("<img />").addClass("user-img").attr("src", "https://placeimg.com/100/100/animals?r=" + Math.random());

	photoInstance.bind('load readystatechange', function() {
    $('.log').html('<p>img loaded</p><p>width: ' + photoInstance.width() + '</p>');
  });

	photoInstance.appendTo($('#image-container'));
}

$('#loadImgBtn').on('click', addImg);

$('#reread').on('click', function() {
    if (photoInstance) {
    	$('.log').html('<p>width: ' + photoInstance.width() + '</p>');
    }
});