javascript - 查询图像结果一段时间后发生变化

Question

我已经在上传文件夹和 mysql 中上传了一些横幅图像。现在我必须一次展示其中的 4 个，并且会在一段时间后更改。可以说，它就像一个动画，加载时显示图像 1，30 秒后显示图像 2，依此类推。我怎样才能实现这样的目标，因为我不是 javscript 类型的人，所以请帮助我。

这是我的代码。

<div class="add_banner">
            <?php
              $now = date("Y-m-d");
              $sql = "SELECT distinct vt_ad_image_path, vd_ad_link_red from tbl_admin_ad WHERE vt_ad_type = 1 and vt_ad_starting_on > '$now' and vt_ad_ending_on > '$now' and vt_ad_status = '0'";
                 $res = mysqli_query($conn,$sql);
                 while ($row = mysqli_fetch_array($res)) {
                  $img_path = $row['vt_ad_image_path'];
                  $img_URL  = $row['vd_ad_link_red'];
                  echo "<a href='".$img_URL."'><img src='".$img_path."' alt='img' style='width:1080px;'/>";
                 }
            ?>

          </div>

Answer 1

每次您想要另一张图片时，您是否尝试过发送 Ajax 请求？然后重新加载img tag src。您可以设置间隔每 30 秒询问另一张图像的 src。Onload show 并在结果的第一行中显示 img。在 attr data-id 中您正在显示图像的 ID。然后设置间隔并获取当前图像的data-id。使用 Ajax 请求另一个并将其显示给用户。如果您不想使用某种 slider ，这是最好的主意