problem description
you must manually press the arrow to change a picture before automatic rotation can be performed normally, otherwise automatic rotation cannot be performed.
bootstrap"s carousel component, I don"t know what the problem is
the environmental background of the problems and what methods you have tried
related codes
/ / Please paste the code text below (do not replace the code with pictures)
<div id="myCarousel" class="carousel slide" style="width: 200px;margin: auto">
<!-- Carousel -->
<ol class="carousel-indicators">
<li data-target="-sharpmyCarousel" data-slide-to="0" class="active"></li>
<li data-target="-sharpmyCarousel" data-slide-to="1"></li>
<li data-target="-sharpmyCarousel" data-slide-to="2"></li>
</ol>
<!-- Carousel -->
<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>
<!-- Carousel -->
<a class="left carousel-control" href="-sharpmyCarousel" 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="-sharpmyCarousel" 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>