我想实现具有多个div的自定义滑块

Question

＆＃13;

＆＃13;

div.inline { 
      display: inline-block;
      float:left  width: 250px;
      margin-top: 30px;
      width: 250px;
      background-color: rgb(229, 229, 229);
    } 

＆＃13;

<div class="inline">
  <img src="img/1.png" alt="logo" />
  <h2>stage 1</h2>
  <h3>

  <a ng-click="function()" role="button" class="btn btn-lg btn-primary"> Play</a>  
  </h3>
</div>
<div class="inline">
  <img src="img/1.png" alt="logo" />
  <h2>stage 1</h2>
  <h3>

  <a ng-click="function()" role="button" class="btn btn-lg btn-primary"> Play</a>  
  </h3>
</div>
<div class="inline">
  <img src="img/1.png" alt="logo" />
  <h2>stage 1</h2>
  <h3>

  <a ng-click="function()" role="button" class="btn btn-lg btn-primary"> Play</a>  
  </h3>
</div>
<div class="inline">
  <img src="img/1.png" alt="logo" />
  <h2>stage 1</h2>
  <h3>

  <a ng-click="function()" role="button" class="btn btn-lg btn-primary"> Play</a>  
  </h3>
</div>

＆＃13;

＆＃13;

＆＃13;

现在我可以把这些div放在一行但我的问题是如何让这些div作为自定义滑块可以有人给我一些提示我怎样才能开发 ＆＃34;多个div作为滑块＆＃34;到目前为止，我确实喜欢这个，我认为它会为其他人提供帮助，也可以提前感谢