$(document).ready(function(){
   $('.gall_i').mouseover(function(){                    
      idd = $(this).attr('id'); 
      width = document.getElementById(idd).offsetWidth;
      height = document.getElementById(idd).offsetHeight;
      $(this).children('span').css('width', width-8);
      $(this).children('span').css('height', height-3);
      $(this).children('span').show();
      $(this).children('span').animate({opacity: 0.8}, 0);
   });
   $('.gall_i').mouseleave(function(){
      $(this).children('span').hide();
   });
});

$(document).ready(function() {
   $(".gall_i").fancybox();
});