bootstrap的图片轮播问题

bootstrap的图片轮播问题

问题描述

必须先手动按箭头使其换一张图片才能正常进行自动轮播，否则无法进行自动轮播。

用的bootstrap的轮播组件，不知道问题在哪

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<div id="myCarousel" class="carousel slide" style="width: 200px;margin: auto">

<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>

<div class="carousel-inner">

<div class="item active">

<img src="image/timg.jpg" alt="First slide">

<div class="carousel-caption">标题 1</div>

</div>

<div class="item">

<img src="image/timg.jpg" alt="Second slide">

<div class="carousel-caption">标题 2</div>

</div>

<div class="item">

<img src="image/timg.jpg" alt="Third slide">

<div class="carousel-caption">标题 3</div>

</div>

</div>

<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">

<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

<span class="sr-only">Previous</span>

</a>

<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">

<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

<span class="sr-only">Next</span>

</a>

</div>

<body>

<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

你期待的结果是什么？实际看到的错误信息又是什么？

红糖糍粑

浏览 426回答 1

1回答

富国沪深

后面写个js执行一下。<script>  $('#myCarousel').carousel({    interval: 2000    //轮播间隔时间  })</script>

0

0

随时随地看视频慕课网APP

相关分类

JavaScript