如何将一些元素用于owl滑块并为其设置动画?

时间:2016-01-10 11:56:57

标签: jquery html css owl-carousel animate.css

我在网站皮肤中使用owl滑块。我的代码如下:

mat

现在我想在滑块中添加<div id="slider" data-section="home"> <div class="owl-carousel owl-carousel-fullwidth"> <div class="item"> <img src="images/iphone-1.jpg" /> <div> <h2>My Industrial Group</h2> </div> </div> <div class="item"> <img src="images/iphone-2.jpg" /> </div> <div class="item"> <img src="images/Sahand-Industrial-Group-Site_1400_638.jpg" /> </div> <div class="item"> <img src="images/wiredglass-1_1400_638.jpg" /> </div> </div> 标签并为其设置动画。 h2代码的位置必须是左键。

怎么做?

1 个答案:

答案 0 :(得分:2)

  1. kernel32.dll标记添加到h2
  2. .item添加到position:absolute并根据需要设置h2bottom
  3. 一起(以全屏模式观看)

    &#13;
    &#13;
    left
    &#13;
    $('.owl-carousel').owlCarousel({
      loop:true,
      margin:10,
      nav:true,
      items:1
    })
    &#13;
    h2 {
      position:absolute;
      bottom:0;
      left:5px;
      color:#fff;
    }
    &#13;
    &#13;
    &#13;

    http://jsbin.com/zotato/edit?html,css,js