How detect in JQuery error load image?

Question

How detect no load image in JQuery? And show instead of (link 1 show div id="error"

<img src="img.pl/ax.png" />
<img src="q.pl/ph.png"/>
<div id="error" style="">
  <div id="icoka"><i class="image icon"></i></div>
  <div id="content-text-error">Sorry, image not found : (</div>
  <div style="clear:both;"></div>
</div>

Answer 1

you could simply use the onerror attribute of img element

<img src="noimage123.jpg" onerror="document.getElementById('error').style.display = 'block'"/>

Check out the example: https://jsfiddle.net/s3du7jao/

Edit 1 -

Added jQuery example $("img").on("error", function(){...});

https://jsfiddle.net/s3du7jao/2/