猫头鹰旋转木马不自动播放
Owl Carousel does not Autoplay
我在我的网站使用Owl Carousel
,它不会自动播放这是网站的链接网站链接
这是HTML代码
<script src="owl-carousel/owl.carousel.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#owl-demo").owlCarousel({
autoplay : 5000,
navigation : false, // Show next and prev buttons
slideSpeed : 300,
paginationSpeed : 400,
singleItem:true
});
$("#owl-demo2").owlCarousel({
autoplay : 5000,
navigation : false, // Show next and prev buttons
slideSpeed : 300,
paginationSpeed : 400,
singleItem:true
});
$("#owl-demo3").owlCarousel({
autoplay : 5000,
navigation : false, // Show next and prev buttons
slideSpeed : 300,
paginationSpeed : 400,
singleItem:true
});
});
</script>
<div id="owl-demo2" class="owl-carousel owl-theme">
<div class="item">
<img src="img/k1.jpg" class="img-responsive center-block" alt="" />
<div class="capt text-center">
قرية بوذيب
</div>
</div>
<div class="item">
<img src="img/k1.jpg" class="img-responsive center-block" alt="" />
<div class="capt text-center">
قرية بوذيب
</div>
</div>
<div class="item">
<img src="img/k1.jpg" class="img-responsive center-block" alt="" />
<div class="capt text-center">
قرية بوذيب
</div>
</div>
</div>
</div>
请随时查看链接,看看是否可以发现任何问题。感谢所有的帮助!这里是指向自己的Carousel文档的链接http://owlgraphic.com/owlcarousel/#how-to谢谢你的帮助
在这个例子中,你有autoplay : 5000
,但在你的网站中你没有。
在你的网站上更新这段代码来解决这个问题:
$("#owl-demo").owlCarousel({
autoplay : 5000,
navigation : false, // Show next and prev buttons
slideSpeed : 300,
paginationSpeed : 400,
singleItem:true
});
$("#owl-demo2").owlCarousel({
autoplay : 5000,
navigation : false, // Show next and prev buttons
slideSpeed : 300,
paginationSpeed : 400,
singleItem:true
});
$("#owl-demo3").owlCarousel({
autoplay : 5000,
navigation : false, // Show next and prev buttons
slideSpeed : 300,
paginationSpeed : 400,
singleItem:true
});
相关文章:
- 知道为什么我的旋转木马不会自动更改图片吗
- 猫头鹰旋转木马-自动高度移动问题
- Jssor在环形旋转木马中播放To()
- 如何使Bootstrap js旋转木马在页面加载后立即自动循环
- 猫头鹰旋转木马自动高度重新计算
- 自动播放旋转木马
- 猫头鹰旋转木马不会自动播放
- 点击或自动播放的猫头鹰旋转木马事件
- 播放视频时暂停引导旋转木马
- 猫头鹰旋转木马不自动播放
- 猫头鹰旋转木马不会自动播放
- 是否有办法关闭自动幻灯片与推特引导旋转木马
- 我如何启用自动播放从这个站点点引导旋转木马教程
- 旋转木马缩略图样式不自动更新上点击
- 旋转木马缩略图仍然不能自动更新
- 旋转木马不会自动滑动JQuery 1.12.4和Bootstrap 3.3.6
- 设置旋转木马自动滑动
- 我如何控制暂停/播放视频在旋转木马
- 猫头鹰旋转木马2开始自动播放时,部分可见
- 我如何才能使我的旋转木马自动播放,直到用户与之交互