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>