Where can I download such an overlay script?

Question

HTML

Hi colleagues! Please tell me where you can download the script of such an overlay: fagardesigns.com/portfolio
With the help of Google, nothing could be found. Thank you in advance.

Answer 1

The hover is simple: just an opacity animation from 0 to 1 on hover. Take a close look at the markup and styles and everything will become clear.
Enlargement - plugin PrettyPhoto
About the link - what's special about it?
UPD: here is the js code for overlay

$(window).load(function(){		   
  $(".portfolio-grid ul li .item-info-overlay").hide();
  if( is_touch_device() ){
    $(".portfolio-grid ul li").click(function(){							  
      var count_before = $(this).closest("li").prevAll("li").length;
      var this_opacity = $(this).find(".item-info-overlay").css("opacity");
      var this_display = $(this).find(".item-info-overlay").css("display");
      if ((this_opacity == 0) || (this_display == "none")) {
        $(this).find(".item-info-overlay").fadeTo(250, 1);
      } else {
        $(this).find(".item-info-overlay").fadeTo(250, 0);
      }
      $(this).closest("ul").find("li:lt(" + count_before + ") .item-info-overlay").fadeTo(250, 0);
      $(this).closest("ul").find("li:gt(" + count_before + ") .item-info-overlay").fadeTo(250, 0);	
    });	
  }
  else{	
      $(".portfolio-grid ul li").hover(function(){
        $(this).find(".item-info-overlay").fadeTo(250, 1);
        }, function() {
          $(this).find(".item-info-overlay").fadeTo(250, 0);		
      });
    }
});

Answer 2

CSS Animate Elements on Hover