php - 更改后续行的类

Question

我有一段关于旋转木马的代码。我需要第一张卡片具有“事件”类，但不需要以下卡片，否则旋转木马不会滑动。我该怎么做？

这是我的代码...

$sql = "select wine.wine_name, wine.id, wine.wine_img,
region.region_name, winetype.winetype_name from wine, region, winetype
where wine.region_id = region.id and wine.winetype_id = winetype.id
and sponsored = 1;";

$result = $conn->query($sql);

if ($result->num_rows > 0) {
  // output data of each row
  while($row = $result->fetch_assoc()) {
    echo '<div class="carousel-item col-md-4 active">
      <div class="card align-items-center">
        <img class="card-img-top img-fluid " src='.$row["wine_img"].' alt="Card image cap">
        <div class="card-body">
          <h4 class="card-title">'.$row["wine_name"].'</h4>
          <p class="card-text">'.$row["winetype_name"].' - '.$row["region_name"].'</p>
        </div>
      </div>
    </div>';
  }
} else {
  echo "ERRO!";
}

Answer 1

您可以使用计数器来设置 active 类。

$result = $conn->query($sql);
if ($result->num_rows > 0) {
  // output data of each row
  $count_results = 0;
  while($row = $result->fetch_assoc()) {
    echo '<div class="carousel-item col-md-4 ' . ($count_results == 0 ? 'active' : '') . '">
      <div class="card align-items-center">
        <img class="card-img-top img-fluid " src='.$row["wine_img"].' alt="Card image cap">
        <div class="card-body">
          <h4 class="card-title">'.$row["wine_name"].'</h4>
          <p class="card-text">'.$row["winetype_name"].' - '.$row["region_name"].'</p>
        </div>
      </div>
    </div>';
    $count_results++;
  }
} else {
  echo "ERRO!";
}