Example of wait-to-load

by MegaScience

HTML

<img id="toggleImage" onclick="toggleMe()" style="outline: thick solid red;" src="http://loremflickr.com/320/240/cat"/>

JavaScript

var toggleImage = document.getElementById("toggleImage"),
	url = "http://loremflickr.com/320/240/cat",
	loaded = false;
toggleImage.onload = function () {
	toggleImage.style.outline = "thick solid green";
	loaded = true;
}

function toggleMe() {
	if(loaded) {
  	toggleImage.src = url + "?" + new Date().getTime();
		toggleImage.style.outline = "thick solid red";
  	loaded = false;
  }
  else {
		toggleImage.style.outline = "thick solid yellow";
  }
}