<div id="apofmes">   
  $MESSAGE$   
  </div>

<style>   
  #apofmes img {   
  max-width:320px;   
  max-height:2400px;   
  }   

  .apofn {   
  width:100%;   
  height:100%;   
  position:fixed;   
  top:0px;   
  left:0px;   
  z-index:300;   
  background:rgba(0, 0, 0, 0.8);   
  display:none;   
  }   

  .apofn img {   
  width:800px;   
  height:600px;   
  position:fixed;   
  z-index:301;   
  top:50%;   
  left:50%;   
  margin-top:-300px;   
  margin-left:-400px;   
  }   
  </style>   
  <script>   
  // ApoTeam (c) 2012   
  $(document).ready(function() {   
  $('#apofmes a[title*="Нажмите"]').click(function() {   
  $('.apofn img').attr('src', $(this).attr('href'));   
  $('.apofn').show();   
  return false;   
  });   

  $('#apofmes img').click(function() {   
  $('.apofn img').attr('src', $(this).attr('src'));   
  $('.apofn').show();   
  });   

  $('.apofn').click(function() {   
  $(this).hide();   
  });   
  });   
  </script>   
  <div class="apofn"><img src="" /></div>