11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Mon carousel sur Bootsrap 4 ne fonctionne plus, il reste figé sur l'image 1, je n'ai rien touché à mon carousel, j'ai juste ajouté un menu dropdown.

Head:
 <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/perso.css">
<link rel="stylesheet" type="text/css" href="../css/perso.css">


Carousel:
<div class="row">

  <div class="col-lg-1"></div>

  <div class="col-lg-10">

<div id="carousel" class="carousel carousel-fade slide" data-ride="carousel">

<ol class="carousel-indicators">
    <li data-target=".carousel" data-slide-to="0"></li>
    <li data-target=".carousel" data-slide-to="1" class="active"></li>
    <li data-target=".carousel" data-slide-to="2"></li>
    <li data-target=".carousel" data-slide-to="3"></li>
    <li data-target=".carousel" data-slide-to="4"></li>
    <li data-target=".carousel" data-slide-to="5"></li>
    <li data-target=".carousel" data-slide-to="6"></li>
    <li data-target=".carousel" data-slide-to="7"></li>
    <li data-target=".carousel" data-slide-to="8"></li>
    <li data-target=".carousel" data-slide-to="9"></li>
</ol>

  <div class="carousel-inner">

    <div class="carousel-item active">
      <img class="d-block w-100" src="img/bg1.jpg" alt="Mariage Port La Nouvelle">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="img/bg7.jpg" alt="Seance Grossesse La Palme">
    </div>
     <div class="carousel-item">
      <img class="d-block w-100" src="img/bg4.jpg" alt="Photo Port la Nouvelle"> 
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="img/bg8.jpg" alt="Photo Naissance Ponteilla"> 
    </div>
     <div class="carousel-item">
      <img class="d-block w-100" src="img/bg3.jpg" alt="Photo Mariage Port la Nouvelle"> 
    </div>
     <div class="carousel-item">
      <img class="d-block w-100" src="img/bg10.jpg" alt="Photo Naissance Nyls"> 
    </div>
     <div class="carousel-item">
      <img class="d-block w-100" src="img/bg5.jpg" alt="Mariage Agde"> 
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="img/bg2.jpg" alt="Photo Mariage Aude"> 
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="img/bg9.jpg" alt="Naissance 66"> 
    </div>
     <div class="carousel-item">
      <img class="d-block w-100" src="img/bg6.jpg" alt="Photo Grossesse Perpignan"> 
    </div>

  </div>

 <a class="carousel-control-prev" href="#carousel" data-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </a>
  <a class="carousel-control-next" href="#carousel" data-slide="next">
    <span class="carousel-control-next-icon"></span>
  </a> 
</div>
</div>

</div>


et bien sur je lance mes scripts juste avant la balise de fermeture BODY

Merci d'avance pour votre aide
Modérateur
Et l'eau,

as tu ouvert la console et regardé s'il y a un message d'erreur ?
Salut

Je viens de repointer les erreurs, je n'ai rien qui correspond au carousel, uniquement les requetes Facebook qui sont bloqués en local.