在圖像滑塊中添加自動播放

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() ; 確保它們沒有沖突。