Skip to main content

Parece que hay una solución. Es algo truculenta, pero funciona sin tocar el código el carrusel.
Te

Te doy un ejemplo simple que seguro podrás adaptar si no te vale tal como está Primero.

Primero desactivas el modo automático.

div<div id="carouselExampleInterval" class="carousel slide" data-bs-interval="false" data-bs-ride="false">

Luego metes un script para que automáticamente "pulse" el botón izquierdo.

<script>
    setInterval(function(){ 
        document.getElementsByClassName('carousel-control-prev')[0].click()
    }, 3000)
</script>

setInterval(function(){ document.getElementsByClassName('carousel-control-prev')[0].click()}, 3000)

Ahora cada 3 segundos se pulsará el botón izquierdo y el slide pasará de Izquerda a Derecha.

He usado el ClassName para seleccionar el botón, también puedes ponerle un id y seleccionarlo mediante getElementById. A tu gusto.
Ah, lo he probado y funciona con Bootstrap 5, pero seguro que también va con versiones anteriores.

¿Es lo que querías?

Parece que hay una solución. Es algo truculenta, pero funciona sin tocar el código el carrusel.
Te doy un ejemplo simple que seguro podrás adaptar si no te vale tal como está Primero desactivas el modo automático

div id="carouselExampleInterval" class="carousel slide" data-bs-interval="false" data-bs-ride="false">

Luego metes un script para que automáticamente "pulse" el botón izquierdo.

<script>

setInterval(function(){ document.getElementsByClassName('carousel-control-prev')[0].click()}, 3000)

Ahora cada 3 segundos se pulsará el botón izquierdo y el slide pasará de Izquerda a Derecha

He usado el ClassName para seleccionar el botón, también puedes ponerle un id y seleccionarlo mediante getElementById. A tu gusto.
Ah, lo he probado y funciona con Bootstrap 5, pero seguro que también va con versiones anteriores.

¿Es lo que querías?

Parece que hay una solución. Es algo truculenta, pero funciona sin tocar el código el carrusel.

Te doy un ejemplo simple que seguro podrás adaptar si no te vale tal como está.

Primero desactivas el modo automático.

<div id="carouselExampleInterval" class="carousel slide" data-bs-interval="false" data-bs-ride="false">

Luego metes un script para que automáticamente "pulse" el botón izquierdo.

<script>
    setInterval(function(){ 
        document.getElementsByClassName('carousel-control-prev')[0].click()
    }, 3000)
</script>

Ahora cada 3 segundos se pulsará el botón izquierdo y el slide pasará de Izquerda a Derecha.

He usado el ClassName para seleccionar el botón, también puedes ponerle un id y seleccionarlo mediante getElementById. A tu gusto.
Ah, lo he probado y funciona con Bootstrap 5, pero seguro que también va con versiones anteriores.

¿Es lo que querías?

Origen Enlace
Juan
  • 3.2k
  • 1
  • 7
  • 13

Parece que hay una solución. Es algo truculenta, pero funciona sin tocar el código el carrusel.
Te doy un ejemplo simple que seguro podrás adaptar si no te vale tal como está Primero desactivas el modo automático

div id="carouselExampleInterval" class="carousel slide" data-bs-interval="false" data-bs-ride="false">

Luego metes un script para que automáticamente "pulse" el botón izquierdo.

<script>

setInterval(function(){ document.getElementsByClassName('carousel-control-prev')[0].click()}, 3000)

Ahora cada 3 segundos se pulsará el botón izquierdo y el slide pasará de Izquerda a Derecha

He usado el ClassName para seleccionar el botón, también puedes ponerle un id y seleccionarlo mediante getElementById. A tu gusto.
Ah, lo he probado y funciona con Bootstrap 5, pero seguro que también va con versiones anteriores.

¿Es lo que querías?