如何在幻灯片中使用 sql 字段

Question

这是幻灯片的 html 代码：

<div class="bg-faded p-4 my-4">
  <hr class="divider">
  <h2 class="text-center text-lg text-uppercase my-0"><strong>Notícias</strong></h2>
  <hr class="divider">
  <div class="bg-faded p-4 my-4">
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner" role="listbox">
        <div class="carousel-item active">
          <img class="img-fluid float-left mr-4 d-none d-lg-block" src="img/noticia1.jpg" alt="" style="max-width: 250px; max-height: 150px;">
          <p>A Fidelidade brilhou na Web Summit 2017 com o programa Protechting by Fosun & Fidelidade e atraiu cerca de 180 novas candidaturas de startups! Um número promissor que confirma o prestígio associado a esta iniciativa, bem como o nosso compromisso com o empreendedorismo, a inovação tecnológica e o desenvolvimento do País. Obrigado a todos que estiveram connosco nestes dias!</p>
        </div>
        <div class="carousel-item">
          <img class="img-fluid float-left mr-4 d-none d-lg-block" src="img/noticia2.png" alt="" style="max-width: 250px; max-height: 150px;">
          <p>Agora já não precisa de sair de casa para ir ao médico. Vá por telefone ou vídeo.</p>
        </div>
      </div>
    </div>
  </div>
</div>

并且我尝试在此幻灯片中使用 sql 个字段：

<div class="bg-faded p-4 my-4">
      <!-- Image Carousel -->
      <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner" role="listbox">
          <?php
            require_once "conexao.php";
            $conexao = conexao_db();
            $sql = mysqli_query($conexao, "SELECT * FROM noticias");
            $row = mysqli_num_rows($sql);
            if ($row>0) {
                while ($registo = mysqli_fetch_array($sql)) {
                extract($registo);
                echo "<div class='carousel-item active'>
                  <img class='img-fluid float-left mr-4 d-none d-lg-block' src='img/".$no_img."' alt='' style='max-width: 250px; max-height: 150px;'>
                  <p>".$no_noticia."</p>
                </div>";
              }
            }
          ?>
        </div>
      </div>
    </div>

但是你怎么看，幻灯片放映的第一张幻灯片需要在div class中有"active"，而其余的则没有。我如何使用 php?

执行此操作

Answer 1

您可以使用变量来控制它是否是第一张幻灯片：

<div class="bg-faded p-4 my-4">
  <!-- Image Carousel -->
  <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner" role="listbox">
      <?php
        require_once "conexao.php";
        $conexao = conexao_db();
        $sql = mysqli_query($conexao, "SELECT * FROM noticias");
        $row = mysqli_num_rows($sql);
        if ($row>0) {
            $isFirstSlide = true;
            while ($registo = mysqli_fetch_array($sql)) {
                extract($registo);

                $class = '';
                if($isFirstSlide){
                   $class = ' active';
                }

                echo "<div class='carousel-item".$class."'>
                  <img class='img-fluid float-left mr-4 d-none d-lg-block' src='img/".$no_img."' alt='' style='max-width: 250px; max-height: 150px;'>
                  <p>".$no_noticia."</p>
                </div>";
                $isFirstSlide = false;
            }
        }
      ?>
    </div>
  </div>
</div>

如何在幻灯片中使用 sql 字段

how to use sql fields in a slideshow

html

php

sql

slideshow