javascript - 在html中动态地将图像添加到 slider

Question

我正在学习并用 Php、Html jquery 制作一个小元素。

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

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

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

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