title: Pop up image on click - HTML
body: <p>I have HTML code like below:</p>
  
  <pre><code>&lt;div class="header"&gt;
    &lt;div class="pic-profile" id=""&gt;
     &lt;img src="http://oi66.tinypic.com/r8b8g0.jpg" alt="" id=""&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The image is a profile pic and when I click on it, I want to open it like it happens in Whatsapp.</p>
  
  <p>How can I do that? Not sure If I should use fancybox or something like that?</p>
  
  <p>Here's the <a href="https://jsfiddle.net/oapsvebf/1/" rel="nofollow noreferrer">fiddle</a>.</p>