PHP MySQL轮播滑块查询显示没有数据

Question

我当前的项目中有一个 Owl 滑块，其中最多可显示数据库中的三个图像。我还可以毫无问题地调用我需要的所有数据，但如果我想在滑块中显示 2 或 3 张图片，则仅显示第一张图片，而不会出现错误而不会显示其他图片。问题是什么？<div class="container" style="margin-top: 10px;">   <div class="owl-carousel owl-theme">      <?php          $operator_one_id = escape($_GET['operator_one']);         $query = "SELECT * FROM strat WHERE player_one_operator_id = $operator_one_id";         $select_operator_one_strat = mysqli_query($connection, $query);         $row = mysqli_fetch_assoc($select_operator_one_strat);             $player_one_operator_id = $row['player_one_operator_id'];             $player_one_image_top = $row['player_one_image_top'];             $player_one_image_ground = $row['player_one_image_ground'];             $player_one_image_base = $row['player_one_image_base'];             echo "<div class='item'><img src='./assets/img/maps/strats/$player_one_image_top' alt='Operator One Top Strat'></div>";             echo "<div class='item'><img src='./assets/img/maps/strats/$player_one_image_ground' alt='Operator One Ground Strat'></div>";             echo "<div class='item'><img src='./assets/img/maps/strats/$player_one_image_base' alt='Operator Base Strat'></div>";     ?>   </div></div>![左图1，右图2] 1

Answer 1

这是如何呈现 html 的示例。使用以下选项，您可以按照您想要的方式更改几乎每个类别。

<div class="owl-carousel owl-theme owl-loaded">

     <div class="owl-stage-outer">

          <div class="owl-stage">

              <div class="owl-item">...</div>

              <div class="owl-item">...</div>

              <div class="owl-item">...</div>

          </div>

     </div>

</div>

while循环将显示数据库中的所有图像，直到您不限制查询，因此，您不需要指定每个图像。

while 循环中的 php 代码应如下所示：

  <div class="owl-carousel owl-theme owl-loaded">

      <div class="owl-stage-outer">

          <div class="owl-stage">      

       <?php while($row = mysqli_fetch_assoc($select_operator_one_strat)){ ?>

            <div class="owl-item">

                <img src="path-to-image/<?php echo $row['image-name']; ?>" />

            </div>

       <?php }?>

          </div>

      </div>

  </div>

但是您正在尝试显示特定图像，因此您的代码应该如下所示，无需 while 循环：

  <div class="owl-carousel owl-theme owl-loaded">

      <div class="owl-stage-outer">

          <div class="owl-stage">      

       <?php $row = mysqli_fetch_assoc($select_operator_one_strat);?>

            <div class="owl-item">

                <img src="path-to-image/<?php echo $row['image-1']; ?>" />

            </div>

            <div class="owl-item">

                <img src="path-to-image/<?php echo $row['image-2']; ?>" />

            </div>

            <div class="owl-item">

                <img src="path-to-image/<?php echo $row['image-3']; ?>" />

            </div>

            <div class="owl-item">

                <img src="path-to-image/<?php echo $row['image-4']; ?>" />

            </div>

          </div>

      </div>

  </div>