title: Add Autoplay in Image Slider
body: <p>I have one Image-slider but I can't make it auto-play.</p>
  
  <p>Here my screen looks...</p>
  
  <p><img src="https://i.stack.imgur.com/Imwrd.jpg" alt="enter image description here">  </p>
  
  <p>In this section Left &amp; Right button. on click on that button, it's work fine, Image rotate perfect.</p>
  
  <p>But I need auto-play in this slider..</p>
  
  <p><em>Please Help.</em></p>
  
  <p><strong>My Script in HEAD section is...</strong></p>
  
  <pre><code>&lt;script&gt;
  $(function () 
  {
      $('#cbp-fwslider').cbpFWSlider();
  });
  jQuery(document).ready(function ($) 
  {
      $(".royalSlider").royalSlider
      ({
          autoScaleSlider: true,
          autoPlay: 
          {
              enabled: true,
              pauseOnHover: false,
              delay: 300
          }
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>My HTML Code:</strong></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="royalSlider"&gt;
          &lt;div id="cbp-fwslider" class="cbp-fwslider"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;
                  &lt;img src="images/1.jpg" alt="img01" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;
                  &lt;img src="images/2.jpg" alt="img02" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;
                  &lt;img src="images/3.jpg" alt="img03" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;
                  &lt;img src="images/4.jpg" alt="img04" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;
                  &lt;img src="images/5.jpg" alt="img05" /&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>IF YOU NEED ANY KIND OF CODE TO UNDERSTAND MORE PLEASE TELL ME.
  PLEASE HELP.</p>