[英]Add Autoplay in Image Slider
我有一个图像滑块,但无法使其自动播放。
这里的屏幕看起来...
在此部分中,向左和向右按钮。 单击该按钮,效果很好,图像旋转完美。
但是我需要在此滑块中自动播放。
请帮忙。
我在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>
如果您需要任何种类的代码以了解更多信息,请告诉我。 请帮忙。
您是否正在使用两个不同的滑块插件? cbpFWSlider()
和royalSlider()
; 确保它们没有冲突。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.