title: html - how to open an image in the same web page, as layer on top of the original content
body: <p>Sorry if my explanation is not clear, I am trying to open an image, on a web page.</p>
  
  <p>I am not trying thou to have the image opened, replacing what is on the page; I am trying to open something like a pop up, so you can still see the original page below, and the full size image is on top; almost like if it is a modal view on iOS (sorry, no idea how to explain it). Something similar to what you see on many sites; when you click on an image, and the image just animate, getting bigger, while the webpage below gets "disabled" (the brightness decrease).</p>
  
  <p>I know how to open the image in a popup, but I don't want to open a different window, I would like to just open the image when someone click on it; and then it close when they click either outside the image or on the image.</p>
  
  <p>Saw few web sites that uses this technique, and was wondering if it require some sort of js to run, or if it is a new html extension. I will run these pages on our internal web server, using Safari as browser.</p>
  
  <p>Can anyone give some info about this effect? My search on Google return mostly popup window, but not what I am looking for.</p>