Html 引导转盘不会自动启动循环
我一直在做我的旋转木马,它现在似乎在工作 它开始循环,但不是在我把光标移到它上面之前。我如何使它自动启动循环,这样人们就不必在旋转木马上悬停 这是我的密码:Html 引导转盘不会自动启动循环,html,twitter-bootstrap,carousel,Html,Twitter Bootstrap,Carousel,我一直在做我的旋转木马,它现在似乎在工作 它开始循环,但不是在我把光标移到它上面之前。我如何使它自动启动循环,这样人们就不必在旋转木马上悬停 这是我的密码: <div id="slider" class="carousel slide"> <div class="carousel-inner"> <div class="item active"> <img src="img/slide1.jpg" id="picture"> &l
<div id="slider" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<img src="img/slide1.jpg" id="picture">
<div class="carousel-caption">
<center><h4>ADD TEXT LATER</h4>
<p>ADD TEXT LATER</p></center>
</div>
</div>
<div class="item">
<img src="img/slide2.jpg" id="picture">
<div class="carousel-caption">
<center><h4>ADD TEXT LATER</h4>
<p>ADD TEXT LATER</p></center>
</div>
</div>
<div class="item">
<img src="img/slide3.png" id="picture">
<div class="carousel-caption">
<center><h4>ADD TEXT LATER</h4>
<p>ADD TEXT LATER</p></center>
</div>
</div>
<div class="item">
<img src="img/slide4.png" id="picture">
<div class="carousel-caption">
<center><h4>ADD TEXT LATER</h4>
<p>ADD TEXT LATER</p></center>
</div>
</div>
</div>
<a class="carousel-control left"href="#slider" data-slide="prev">‹</a>
<a class="carousel-control right"href="#slider" data-slide="next">›</a>
</div>
<script>
$('.carousel').carousel({
interval: 1000
})
</script>
<script src="js/bootstrap-carousel.jss"></script>
稍后添加文本
稍后添加文本
稍后添加文本
稍后添加文本
稍后添加文本
稍后添加文本
稍后添加文本
稍后添加文本
$('.carousel')。carousel({
间隔时间:1000
})
除了添加占位符图像之外,我还使用了您的HTML格式,它似乎对我来说工作正常@
也许您可以仔细检查CSS和JS文件是否一切正常,或者尝试使用
祝你好运
编辑
如果上述方法仍然不适用于您,请尝试使用初始化
$(document).ready(function () {
$('.carousel').carousel({
interval: 1000
});
$('.carousel').carousel('cycle');
});
请参阅live:它似乎与“循环”一起工作,但如何更改间隔?如果我加上这个循环,它运行得太快了
编辑
没关系,我只是把时间间隔从1000到10000,现在它似乎工作得很好。谢谢你,先生 仍然没有帮助我,也没有浏览git hub讨论。 每个人似乎都看不到真正的问题,即当鼠标在容器上时,旋转木马真的会暂停……所以我不得不通读.carousel文档 它真的在那里。。。pause atribute必须设置为null或默认设置为“hover”,这将暂停它。。。 因此,对我来说,这是一项决议: 添加间隔,将pause设置为null,然后手动调用旋转木马
<script>
$(document).ready(function () {
$('.carousel').carousel({
interval: 3100,
pause:null
});
$('.carousel').carousel('cycle');
});
</script>
$(文档).ready(函数(){
$('.carousel')。carousel({
间隔时间:3100,
暂停:空
});
$('.carousel')。carousel('cycle');
});
我不得不为转盘启动功能添加延迟。由于某些原因,它在路由到另一个页面视图后没有启动
这就是我的诀窍:
<script>
setTimeout(function() {
$('.carousel').carousel();
}, 3000);
</script>
setTimeout(函数(){
$('.carousel').carousel();
}, 3000);
有人能帮我吗?