为Carousel标头加载动画CSS

问题描述

任何人都知道如何用这样的动画创建标题滑块：https://chadwickdesigns.com.au/？

解决方法

使用延迟加载动画进行滑动

$(".carousel.lazy").on("slide.bs.carousel",function(ev) {
var lazy;
lazy = $(ev.relatedTarget).find("img[data-src]");
if(lazy.length > 0){

  $("#loader_container").css("visibility","visible");
  $(".carousel-item img").on("load",function(){
    $("#loader_container").css("visibility","hidden");
  });

  lazy.attr("src",lazy.data('src'));
  lazy.removeAttr("data-src");
}});