知道为什么我的旋转木马不会自动更改图片吗
Any idea why my carousel does not automatically change pics?
我正试图在我的网站上制作一个旋转木马,这样它就会自动更改四张图片。这是我的代码,但我一直在想为什么它不会改变任何图片:
<div class="carousel">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
$(function () {
$('#homeCarousel').carousel({
interval:3000,
pause: "false"
});
});
</script>
<!-- Carousel start -->
<div id="homeCarousel" class="carousel slide">
<!-- Menu -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Items -->
<div class="carousel-inner">
<!-- Item 1 -->
<div class="item active">
<img src="images/l1.jpg">
<div class="container">
<div class="carousel-caption"></div>
</div>
</div>
<!-- Item 2 -->
<div class="item">
<img src="images/l2.jpg">
<div class="container">
<div class="carousel-caption"></div>
</div>
</div>
<!-- Item 3 -->
<div class="item">
<img src="images/l3.jpg">
<div class="container">
<div class="carousel-caption"></div>
</div>
</div>
</div>
</div>
<!-- Carousel end -->
</div>
我试过改变间隔时间,重新格式化所有内容,查看不同的帖子,但我似乎无法理解。
你知道问题出在哪里吗?
需要澄清的是,引导程序转盘在很大程度上依赖于引导程序CSS。你的帖子中没有它,所以请确保你的页面中有引用。
之后,您的问题将出现在<li data-target="#myCarousel"...
行中。这些需要引用您的carouseldiv,因此它们应该具有data-target="#homeCarousel"
一旦我修复了你的代码对我有效的问题。
相关文章:
- 知道为什么我的旋转木马不会自动更改图片吗
- 为什么我的d3.jsselectAll+过滤器没有过滤
- 为什么我的点击事件没有使用 react js 触发
- 为什么我的JavaScript堆栈排序函数不起作用
- Don'我不明白为什么我的setInterval+jQuery;不起作用
- 为什么我的按钮组件提交它所在的表单
- 我不知道为什么我的代码是错误的?又有什么错
- 为什么我的While循环不起作用
- 为什么我的控制器没有启动函数.js脚本
- 为什么我的上下文选择器和.buttonset()在ie中花费了这么长时间
- 为什么我的函数没有被调用呢
- 为什么我的解析云代码请求'未经授权'
- 为什么我的短信没有弹出?CSS,HTML
- 为什么我的javascript程序没有将其转换为整数而不是字符串
- 为什么我的ajax在提交用@HtmlRenderPartial加载的表单时只调用fire一次
- 为什么我的JavaScript在Safari上的严格模式下不能正常工作
- 为什么我的列表不使用Ion出现
- 为什么我的textalign不可编辑
- 为什么我的javascript脚本在页面加载时运行,而不是使用onclick
- I'我不知道为什么我的代码没有'不起作用