title: Image Fullscreen on click
body: <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;
  Image Full-Screen  On Click.
  &lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div&gt;
  </code></pre>
  
  <p>
     </p>
  
  <p>
     </p>
  
  <p>I want to make image full-screen when user click on it ,just simple as that ,i have search the web no getting proper answer, as i am not expert to make my own java script function to do it   , So   which is best way to do it .
  and Please provide example if any. </p>