Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Carousel data-bs-interval='false'

See original GitHub issue

I have three carousels per page. I can’t make 1 immobilized carousel without changing slides.

<div class='carousel-item active' data-bs-interval='false'> this line does not work.

I made a delay of 25 seconds. This is the way the carousel works.

<div class='carousel-item active' data-bs-interval='25000'>
    <img src='...' .jpg' class='d-block w-100' alt='...'>
 </div>

I believe in your help to me.

Issue Analytics

State:
Created 3 years ago
Comments:5 (1 by maintainers)

Top GitHub Comments

2reactions

mznetcommented, Feb 3, 2021

@pww41900 To stop automatic cycle, you need to add data-bs-interval="false" in carousel element, not carousel-item element.

https://jsfiddle.net/mznet/qyt1ghz4/

0reactions

axelkennedalcommented, Oct 12, 2022

I solved it with the pause method and don’t really have time to make a testcase. Glhf.

Top Results From Across the Web

Bootstrap Carousel : Remove auto slide - Stack Overflow

interval The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle. You can either pass...

Carousel · Bootstrap v5.1

The carousel is a slideshow for cycling through a series of content, ... Add data-bs-interval="" to a .carousel-item to change the amount of...

Carousel · Boosted v5.0

Add data-bs-interval="" to a .carousel-item to change the amount of time to ... Use data-bs-wrap="false" to prevent carousel from cycling continuously.

How to Create Carousel with Bootstrap 5 - Tutorial Republic

Specifies the amount of time to delay (in milliseconds) between one slide to another in automatic cycling. If false , carousel will not...

Bootstrap JS Carousel Reference - W3Schools

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-interval="". Name, Type,...