title: itemprop="image" on element not <img>?
body: <p>I have a product page that uses Microdata. At the moment the <code>itemprop="image"</code> attribute is specified on the first thumbnail from my thumbnail gallery.  What I'd like to do is specify it for the high-res image I have.  </p>
  
  <p>The trouble is, that's not actually displayed on the page, it's loaded via JavaScript using a lighbox.  I know I can do something like:</p>
  
  <pre><code>&lt;img itemprop="image" src="/img/high-res.jp" style="display:none" /&gt;
  </code></pre>
  
  <p>and the image won't show and it's tagged as the product image.  But, of course the image is still download.  </p>
  
  <p><strong>Any way I can specify <code>itemprop="image"</code> on an image but not actually download the image?</strong>  </p>
  
  <p>I tried changing <code>&lt;img&gt;</code> to <code>&lt;span&gt;</code> but the <a href="https://developers.google.com/structured-data/testing-tool/" rel="nofollow">testing tool</a> didn't recognise it.</p>