在图像滑块中添加自动播放

Question

我有一个图像滑块，但我无法自动播放。

我的屏幕看起来......

在本节中左和右右键。单击该按钮，它工作正常，图像旋转完美。

但是我需要在这个滑块中自动播放..

请帮助。

我在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>

如果您需要任何类别的代码，请理解更多请告诉我。 请帮助。

Answer 1

您使用的是两种不同的滑块插件吗？ cbpFWSlider()和royalSlider();确保它们没有冲突。