<div id="img-bg" onClick="closeImg()">
  <img src="/upload/2kh18-kh3-kh1-plakat-gron-2kh18.jpg" id="img-bg-img">
</div>
<style type="text/css">
  #img-bg-img {    
    border: 10px solid #000000;
    cursor: pointer;
    opacity: 1;
    position: relative;
    top: 10%;
    z-index: 1002;    
    height: 80%;
  }
  #img-bg {
    background: rgba( 255, 255, 255, 0.8);
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1001;
  }
</style>
<script type="text/javascript">  
  function closeImg() 
  {
    jQuery("#img-bg").css( 'display' , 'none' );
    xajax_closeAdvert();
  }
</script>