Detect Oversized Images

by kaikemono

HTML

<img src="http://placekitten.com/g/400/400" /><br />
<img src="http://placekitten.com/g/300/200" /><br />
<img src="http://placekitten.com/g/200/300" /><br />
<img src="http://placekitten.com/g/300/300" /><br />
<img src="http://placekitten.com/g/200/200" /><br />
<img src="http://placekitten.com/g/100/100" />

CSS

.oversized {
    border: 2px solid red;
}

JavaScript

$('img').each(function(e) {
    if (($(this).height() > 300) || ($(this).width() > 300)) {
        $(this).addClass('oversized');
    }
});