Image informations

by AgamlaRage

HTML

<script src="https://code.jquery.com/jquery-2.2.3.js"></script>
logos belong to owners!<br>

AVAIL: <img src="http://cdn.sstatic.net/stackexchange/img/logos/so/so-logo-med.png" alt="notavail1.jpg"><br>

NOTavail: <img src="notavail1.jpg" alt="notavail2.jpg"><br>

AVAIL: <img src="http://cdn.sstatic.net/stackexchange/img/logos/so/so-logo-med.png" alt="notavail1.jpg"><br>

NOTavail: <img src="notavail2.jpg" alt="notavail4.jpg">

JavaScript

$('img').each(function(){ // selecting all image element on the page
					
		var img = new Image($(this)); // creating image element

		img.onload = function() { // trigger if the image was loaded
			console.log($(this).attr('src') + ' - done!');
		}

		img.onerror = function() { // trigger if the image wasn't loaded
			console.log($(this).attr('src') + ' - error!');
		}

		img.onAbort = function() { // trigger if the image load was abort
			console.log($(this).attr('src') + ' - abort!');
		}

		img.src = $(this).attr('src'); // pass src to image object

        // log image attributes
		console.log(img.src);
		console.log(img.width);
		console.log(img.height);
		console.log(img.complete);

	});