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

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(); 确保它们没有冲突。