Question

我正在学习并在Php，Html jquery中创建一个小项目。

我想要一个带垂直滚动的滑块。 db将从表中获取行数组，并获取放置在服务器上的图像的链接。然后它将显示负载并显示这些图像

这是我的div类

<div class="albums-div">
    <ul class="slides">
        <li>
            <img src="images/smalimg.png" />
        </li>
        <li>
            <img src="images/smalimg.png" />
        </li>
        <li>
            <img src="images/smalimg.png" />
        </li>
        <li>
            <img src="images/smalimg.png" />
        </li>
    </ul>
</div>

现在它的硬编码但我怎么能动态创建

<li>
            <img src="images/smalimg.png" />
        </li>

Answer 1

您可以使用mysqli或预备语句，我将使用mysqli：

向您展示

表名：图片包含

image_id（int - auto increment - unsigned - no default）

image_link（varchar - 100长度 - 无默认值）

<?php

 $dbc = mysqli_connect("DB_HOST", "DB_USER", "DB_PASSWORD", "DB_NAME");

 $query = "SELECT image_link FROM images";
 $data = mysqli_query($dbc, $query);

 while($row = mysqli_fetch_array($data)) {
  // Do your ouput
  echo '<li>' . $row['image_link'] . '</li>';
 }

 mysqli_close($dbc);
 ?>

编辑：将上面的连接名称替换为特定于数据库的连接值。

Answer 2

假设您将SQL结果返回到名为$ rows的变量中，并且图像链接存储为＆＃34; images / smalimg.png＆＃34;：

<div class="albums-div">
    <ul class="slides">
        <?php 
            foreach($rows as $row){
                echo '<li><img src="' . $row['link'] . '" /></li>';
            }
        ?>
    </ul>
</div>

在html中动态添加图像到滑块

2 个答案: