将图像动态添加到 html 中的滑块答案

【问题标题】：Dynamically add Images to slider in html将图像动态添加到 html 中的滑块
【发布时间】：2014-04-25 03:38:01
【问题描述】：

我正在学习和做一个Php，Html jquery的小项目。

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

这是我的 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>

【问题讨论】：

这是一个很大的问题。你是怎么输入这些东西的？你需要一个完整的 CRUD 设置和大量的东西。您是否考虑过使用已经存在的 CMS？

标签： javascript php jquery html css

【解决方案1】：

假设您在名为 $rows 的变量中返回 SQL 结果，并且图像链接存储为“images/smalimg.png”：

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

【讨论】：

【解决方案2】：

你可以使用mysqli或prepared statements，我将向你展示如何使用mysqli：

表名：图片包含

image_id（int - 自动递增 - 无符号 - 无默认值）

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);
 ?>

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

【讨论】：