jquery - 再生ボタンと一時停止ボタンを使用して自動スライド ショーを作成する方法は?

Question

私のアプリケーションでは、再生ボタンと一時停止ボタンを備えた自動スライド ショーが必要です。

Answer 1

• このサンプルを参照してください http://www.slidesjs.com/examples/playing/
• この JS ライブラリを使用してください http://www.slidesjs.com/

このようにする

<div class="container">
    <div id="slides">
      <img src="img/example-slide-1.jpg">
      <img src="img/example-slide-2.jpg">
      <img src="img/example-slide-3.jpg">
      <img src="img/example-slide-4.jpg"">
    </div>
</div>


<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://www.slidesjs.com/examples/playing/js/jquery.slides.min.js"></script>
  <script>
    $(function() {
      $('#slides').slidesjs({
        width: 940,
        height: 528,
        play: {
          active: true,
          auto: true,
          interval: 4000,
          swap: true,
          pauseOnHover: true,
          restartDelay: 2500
        }
      });
    });
  </script>