Aug-06-2021, 12:11 AM
(Aug-05-2021, 03:09 PM)ndc85430 Wrote: Did you already look at the docs for Bootstrap's carousel (https://getbootstrap.com/docs/4.0/components/carousel/), trying things out? You'll of course need to include the CSS and JS in your page first - see the "Getting Started" page for that.
I looked at the document and got this example but still not working
<div id="carouselExampleInterval" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active" data-interval="10000"> <img src="{% static 'website/img/bg-img/10.png' %}" class="d-block w-100"> </div> <div class="carousel-item" data-interval="7000"> <img src="{% static 'website/img/bg-img/11.png' %}" class="d-block w-100"> </div> <div class="carousel-item" data-interval="3000"> <img src="{% static 'website/img/bg-img/9.png' %}" class="d-block w-100"> </div> </div> <a class="carousel-control-prev" href="#carouselExampleInterval" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleInterval" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>it still counts 5 seconds.