Carousel Bootstrap 4 dynamique

Bonjour.
C'est normal, tu donnes comme valeur carouselExampleIndicators à l'attribut id, alors que dans les liens pour prev et next tu définis #carouselExampleControls comme valeur à leurs attributs href.
Du coup le composant crousel ne fonctionne pas au niveau JavaScript, pour que ça fonctionne sans ajouter du code JavaScript pour faire fonctionner le composant, il te faut remplacer carouselExampleIndicators par carouselExampleControls.
Ton problème est uniquement côté HTML et non PHP.

Merci j'ai fait une erreur lorsque j'ai réessayé pour copier le code. Les liens envoient bien vers les autres item donc le carousel fonctionne mais tous les items s'affichent en même temps les uns en dessous des autres alors que je fais:

<div class="item<?php if($counter <= 1){echo " active"; } ?>">

Il devrait n'y en avoir qu'un actif.

Tu veux donc dire que la div en réalité porte bien la valeur carouselExampleControls pour son attribut id et que toutes les div ayant comme class item ont toutes en plus la class active ?

Oui alors j'ai enlevé

<?php if($counter <= 1){echo " active"; } ?>

et essayé en jquery

$('.carousel-inner>div:first-child').addClass('active');`

mais ça fait pareil.

Il y a quand même une chose que je ne comprends pas, d'où sors tu la classe finlay-carousel-caption ?
Cette classe n'existe pas dans la document de Bootstrap concernant le composant Carousel.
Côté PHP à ta place j'aurais plutôt fait :

$counter = 1;
// ...
<?php if ($counter === 1) { echo ' active';  } ?>

Il te faut éviter d'utiliser les doubles quotes avec du PHP à l'intérieur d'un attribut HTML.
Sinon côté JavaScript :

$('.carousel-inner > .item:first').addClass('active');

Si ça ne fonctionne toujours pas correctement, montres ton dernier code et bien recopié de préférence.

Merci, je m'excuse mais entre temps j'ai modifié mon carousel pour que les images s'affichent sur une colonne à gauche et le texte à droite de cette façon:

<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner">
        <?php
        /*Extraction des données*/
        $reponse = $bdd->query('SELECT * FROM realisations ORDER BY id ASC');
        $counter = 1;
        while($row = $reponse->fetch()){
          ?>
          <div class="row item <?php if ($counter === 1) { echo ' active';  } ?>">
            <div class="col-lg-6">
              <a href="<?php echo $row['lien'] ?>" target="_blank">
                <img class="w-100" alt="<?php echo $row['titre'] ?>" src="./IMG/<?php echo $row['img'] ?>"/>
              </a>
            </div>
            <div class="col-lg-6 p-5">
              <h3><?php echo $row['titre'] ?></h3>
              <p><?php echo $row['texte'] ?></p>
            </div>
          </div>

          <?php
          $counter++;
        }
        $reponse->closeCursor();
        ?>
        <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
          <span class="ti-angle-left indicators-left" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
          <span class="ti-angle-right indicators-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>

mais les lignes donc les items s'affichent tous en même temps les uns après les autres.