1
resposta

Não consigo ajustar o timer do Carrossel

Bom dia, não estou conseguindo configurar o intervalo de transição.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<!--Não estava fazendo a transição porque o java script não estava on-->

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

<!--Abaixo, segue o código do Carrossel em si-->

<div id="carouselExampleCaptions" class="carousel slide" data-interval="2000" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="src/img/CG_Fake.jpg" class="d-block w-100 imgcrs" alt="...">
      <div class="carousel-caption d-none d-md-block">
        <h1>Nossos bolos são feitos sob medida</h1>
      </div>
    </div>
    <div class="carousel-item">
      <img src="src/img/CG_Fake2.jpg" class="d-block w-100 imgcrs" alt="...">
      <div class="carousel-caption d-none d-md-block">
        <h1>Nada substitui o amor da confeiteira</h1>
      </div>
    </div>
  </div>

Perdão pelo código grande, mas fiquei com receio de faltar algo.

Obs: No vídeo existe um <div class="bd-example", mas não encontrei isso quando copiei do site do Boostrap. Não sei se foi isso, imagino que não.

Muito obrigado!

1 resposta

Fala ai Eduardo, tudo bem? Olhando seus códigos, o mesmo deveria funcionar, parece estarem ok.

Dá algum erro no console do navegador ou o Bootstrap apenas ignora o data-interval?

Espero ter ajudado.