demovote-frontend/src/app/composants/webcam-list/webcam-list.component.html

<app-menu></app-menu>
<div id="main">

  <div id="webcamscarousel" class="carousel slide carousel-fade center" data-bs-ride="carousel">
    <div class="carousel-inner">
      <div class="carousel-item active">
        <div class="d-flex justify-content-center fixed-height"><img src="https://www.triplea.fr/alchimie/images/webcams/hirezcam.jpg" data-bs-interval="10000"></div>
      </div>
      <div class="carousel-item">
        <div class="d-flex justify-content-center fixed-height"><img src="https://www.triplea.fr/alchimie/images/webcams/mobilecam.jpg" data-bs-interval="10000"></div>
      </div>
      <div class="carousel-item">
        <div class="d-flex justify-content-center fixed-height"><img src="https://www.triplea.fr/alchimie/images/webcams/mobilecam2.jpg" data-bs-interval="10000"></div>
      </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#webcamscarousel" data-bs-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="visually-hidden" i18n>Précedent</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#webcamscarousel" data-bs-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="visually-hidden" i18n>Suivant</span>
    </button>
  </div>

</div>