title: Detect if browser disables images
body: <p>I need to detect if the browser disables images on the current page. Is this possible with JavaScript (jQuery/Modernizr)?</p>
  
  <p><strong>Problem:</strong> The project uses image sprites for icons and displays them like <code>&lt;i class="icon-user"&gt;&lt;/i&gt;</code>. The app is partially used by mobile users and some of them disable images if they're surfing with edge. As a result some buttons disappear.</p>
  
  <p>The only thing I need is to display <strong><em>something</em></strong> (a gray square, circle…) if images are blocked. Via CSS class on the <code>&lt;html&gt;</code> element or so (<code>class="no-images"</code> e.g.). Writing alternative text between <code>&lt;i&gt;…&lt;/i&gt;</code> is unhappily no option.</p>
  
  <p>Thanks for your thoughts! I hope it exists a simple solution.</p>