Как сделать автоматическое слайд-шоу с кнопками воспроизведения и паузы?

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>