title: making preview of the image readonly/disabled
body: <p>On my page I want particular image to be viewed <code>disable</code> / <code>readonly</code>. Not clickable</p>
  
  <p>Codepan: <a href="http://codepen.io/karimkhan/pen/GzLri" rel="nofollow">CODEPEN</a></p>
  
  <pre><code>&lt;li&gt;&lt;a href=""&gt;&lt;img height="50" width="50" src="http://www.imge.net/wp-content/uploads/2010/11/imge_net-37.jpg"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>img{
      -khtml-user-select: none;
      -o-user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      user-select: none;
  }
  </code></pre>
  
  <p>but it does not make any change.
  any suggestion?</p>
  
  <p>UPDATE: </p>
  
  <p>What is your view for:</p>
  
  <pre><code>document.getElementbyId('idofimg').disabled = true
  </code></pre>