Добавить автоигру в слайдер изображений

У меня есть один слайдер изображений, но я не могу сделать это автоматически.

Здесь мой экран выглядит...

В этом разделе Левая и правая кнопки. при нажатии на эту кнопку он отлично работает, изображение вращается идеально.

Но мне нужно автоиграть в этом слайдере.

Пожалуйста помоги.

Мой скрипт в разделе HEAD...

<script>
$(function () 
{
    $('#cbp-fwslider').cbpFWSlider();
});
jQuery(document).ready(function ($) 
{
    $(".royalSlider").royalSlider
    ({
        autoScaleSlider: true,
        autoPlay: 
        {
            enabled: true,
            pauseOnHover: false,
            delay: 300
        }
    });
});
</script>

Мой HTML-код:

<div class="container">
    <div class="royalSlider">
        <div id="cbp-fwslider" class="cbp-fwslider">
        <ul>
            <li><a href="#">
                <img src="images/1.jpg" alt="img01" /></a></li>
            <li><a href="#">
                <img src="images/2.jpg" alt="img02" /></a></li>
            <li><a href="#">
                <img src="images/3.jpg" alt="img03" /></a></li>
            <li><a href="#">
                <img src="images/4.jpg" alt="img04" /></a></li>
            <li><a href="#">
                <img src="images/5.jpg" alt="img05" /></a></li>
        </ul>
        </div>
    </div>
</div>

ЕСЛИ ВАМ НУЖНО ЛЮБОЙ ПОДКЛЮЧЕНИЕ КОДА, ЧТОБЫ ПОНИМАТЬ БОЛЬШЕ ПОЖАЛУЙСТА, СКАЖИТЕ МЕНЯ. ПОЖАЛУЙСТА ПОМОГИ.