@opsimecom

Карусель фото, как сделать?

Здравствуйте! Есть код
<?php
      while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) : ?>
      <div class="col-sm-12 card2 card-body card-blog card-border mb-4 card-teaser  col-md-6 col-lg-4 col-xl-3">
          
      <?php
        if($row['product_video_link'] == '0'):
      ?>
       
        <div> 
        
        
          <div id="sliderBigImages" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="https://275129.selcdn.ru/macaw/<?=$row['product_image_link']?>" alt="" style="width: 100%;">
        </div>
        <div class="carousel-item">
            <img src="https://275129.selcdn.ru/macaw/193728d2f5bb9d2cf8f7.jpeg" class="d-block w-100" alt="Природа">
        </div>
        <div class="carousel-item">
           <img src="https://275129.selcdn.ru/macaw/<?=$row['product_image_link']?>" alt="" style="width: 100%;">
        </div>
    </div>
    <a class="carousel-control-prev" href="#sliderBigImages" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#sliderBigImages" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
        
    </a>
</div>

он создает много рамок с картинками, я хочу чтобы при выгрузке фото работала карусель на всех рамках, но щас работает только на одной тоесть появляется на всех но переключение работает только на одной. Я грешу на это (sliderBigImages) как сделать так чтобы работало для всех рамок своя карусль?

У каждой рамки есть свой уникальный код из бд
<?=$row['product_id']?> как правильно подвязать все это ?
  • Вопрос задан
  • 193 просмотра
Пригласить эксперта
Ответы на вопрос 1
daniil46
@daniil46
Начинающий погроммист
<div id="sliderBigImages<?=$row['product_id']?>" class="carousel slide" data-ride="carousel">

<a class="carousel-control-prev" href="#sliderBigImages<?=$row['product_id']?>" role="button" data-slide="prev">    </a>
<a class="carousel-control-next" href="#sliderBigImages<?=$row['product_id']?>" role="button" data-slide="next">   </a>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
28 мар. 2024, в 18:16
1000 руб./за проект
28 мар. 2024, в 18:15
90000 руб./за проект
28 мар. 2024, в 18:05
5000 руб./за проект