Php 将第一个引导卡（项目）设置为活动_Php_Html_Css

Php 将第一个引导卡（项目）设置为活动

php html css

Php 将第一个引导卡（项目）设置为活动,php,html,css,Php,Html,Css,我正在使用旋转木马显示数据库中的数据，我试图将第一张卡设置为活动状态，但它无法工作，而且卡是静态的。没有php，Cards可以正常工作。我试图使用布尔变量并设置活动类的一些条件，但它不起作用 <div id="recipeCarousel" class="carousel slide w-100" data-ride="carousel"> <div class="carousel

我正在使用旋转木马显示数据库中的数据，我试图将第一张卡设置为活动状态，但它无法工作，而且卡是静态的。没有php，Cards可以正常工作。我试图使用布尔变量并设置活动类的一些条件，但它不起作用

      <div id="recipeCarousel" class="carousel slide w-100" data-ride="carousel">
        <div class="carousel-inner w-100" role="listbox">
          <?php
           require_once('connect/dbConnection.php');
           $query  = "SELECT * FROM table_cards";
           $result = mysqli_query($con, $query);

           while($row = mysqli_fetch_assoc($result)) {
                $image = 'uploads/'.$row['images'];
                $isFirst = True;
                if ($isFirst == True) {
                $isFirst == False;
            ?>
            <div class="carousel-item active" data-interval="2000">
              <?php
            } else {
              ?>
            <div class="carousel-item" data-interval="2000">
            <?php } ?>
            <div class="col-md-4">
              <div class="card">
                <img class="card-img-top" src="<?php echo $image; ?>" alt="Card image cap">
                <div class="card-body">
                  <h5 class="card-title"><?php echo $row['name']; ?></h5>
                  <p class="card-text text-left"><i class="fas fa-ruler-combined"></i> <strong>Size</strong>: <?php echo $row['size']; ?><br> <i class="fas fa-money-bill-wave"></i> <strong>Price</strong>: <?php echo $row['price']; ?><br><i class="fas fa-home"></i> <strong>House type</strong>: <?php echo $row['house_type']; ?><br><br><i class="fas fa-bed"></i> <?php echo $row['bed']; ?><i class="fas fa-toilet"></i> <?php echo $row['toilet']; ?></p>
                  <a href="gallery.html#first-post" class="stretched-link"></a>
                </div>
                <div class="card-footer">
                  <small class="text-muted">Lorem</small>
                </div>
              </div>
            </div>
          </div>
        <?php } ?>
        </div>
        <a class="carousel-control-prev w-auto" href="#recipeCarousel" role="button" data-slide="prev">
          <span class="carousel-control-prev-icon bg-dark border border-dark rounded-circle" aria-hidden="true"><i class="fas fa-angle-left fa-2x carousel-icon mr-1"></i></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next w-auto" href="#recipeCarousel" role="button" data-slide="next">
          <span class="carousel-control-next-icon bg-dark border border-dark rounded-circle" aria-hidden="true"><i class="fas fa-angle-right fa-2x carousel-icon ml-1"></i></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
     </div>


“alt=”卡图像上限“>
尺寸：
价格：
房屋类型：


洛勒姆

是的，它会将每张卡设置为活动状态

因为你告诉它

$isFirst = True;
if ($isFirst == True) {
   $isFirst = False;

在循环中的每个过程中，您都将

$isFirst

设置为true。您需要在此处进行检查以测试它是否已设置

//编辑

实际上，您应该将$isFirst=True；移出循环

$isFirst = True;

while($row = mysqli_fetch_assoc($result)) {
    $image = 'uploads/'.$row['images'];
      if ($isFirst == True) {
        $isFirst = False;