团队展示Wordpress

时间:2015-12-01 12:18:06

标签: javascript jquery html wordpress

我有问题。我不知道该团队如何展示滑块 -

  WordPress中的[![img] [1]] [1],有什么想法吗?   我可以购买插件,但如何编辑看起来像图像

现在我使用光滑的滑块,但我必须简单地通过插件添加人物,而不是手动。

我的幻灯片:

<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>

1 个答案:

答案 0 :(得分:0)

使用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>