https://www.mdig.com.br/js/mdig.min.js

1$(document).ready(function () {
2   $(".gal").click(function(){
3       var img = encodeURI($(this).attr('src'));
4       abre_img_maior(img);
5   });
6   $(".gal").hover(function(){
7   	$(this).css('cursor','pointer');
8   });
9   $('#caixa-img-normal').mouseout(function(){
10       $(this).hide();
11       $(this).css('cursor','auto');
12   });
13});
14
15function abre_img_maior(img){
16   $("#caixa-img-normal").html('<img src="'+img+'" />');
17   
18   //centralizando img grande
19   var largura_tela = $(window).width();
20   var largura_img = $("#caixa-img-normal").width();
21   
22   if(largura_img > 770){
23        var margens = Math.round((largura_tela-largura_img)/2);
24        $("#caixa-img-normal").css({left: margens+'px'});
25        $("#caixa-img-normal").show();
26   }
27}