Javascript 团队展示Wordpress

我有问题。我不知道那支队伍是怎么做到的-

[！[img][1]][1]在Wordpress中，有什么想法吗？ 我可以买插件，但如何编辑看起来像图片

现在我使用slick slider，但我必须简单地通过插件添加person，而不是手动添加

我的幻灯片：

<div>
    <h2>Title</h2>
    <h1>Description</h1>

    <div class="col-3" style="background: url(obr.jpg) no-repeat; background-size: cover;">
        <div class="bg-black">
            <hr>
            <h1>Name</h1>
            <p>Position</p>
        </div>
</div>

标题
描述

名称
位置

使用jquery滚动事件，我已经创建了代码，请在下面查找

<div>
    <div style="display: none" id="loading">Loading..</div>
    <h2>Title</h2>
    <h1>Description</h1>

    <div class="col-3" style="background: url(obr.jpg) no-repeat; background-size: cover;"> <div class="bg-black"> <hr>
            <h1>Name</h1>
            <p>Position</p>
        </div> 
    </div>
</div>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(window).scroll(function() {
  $( "div#loading" ).css( "display", "block" ).hide(1000);
});
</script>

加载。。
标题
描述

名称
位置

$（窗口）。滚动（函数（）{
$（“div#loading”）.css（“display”、“block”）.hide（1000）；
});

JPG！==GIF

。但是，您不能在需要时启动动画gif的动画，您只需要在需要启动动画时附加图像