title: Loading an image using data-src and not just src
body: <p>I am trying to load an image using the <code>img data-src</code> tag instead of just the <code>img src</code>. I have created two simple JSFiddle's although only the one with the <code>img src</code> works. These are here:</p>
  
  <p><a href="https://jsfiddle.net/z5t1gpeo/" rel="noreferrer">img data-src example</a> THIS DOESN'T WORK AND I WANT IT TO</p>
  
  <p><a href="https://jsfiddle.net/z5t1gpeo/1/" rel="noreferrer">img src example</a> THIS ONE DOES WORK.</p>
  
  <p>Can somebody please fill in the blanks as to why the img data-src one doesn't work please? I am confused by this and been searching for an answer for hours.</p>