php - 如何使用从数据库中提取的图像制作幻灯片？

Question

我和我的 friend 有一个我们一起工作的 PHP 元素，我们的老师给了我们一个带有一堆 PHP 文件的 PHP 元素，我们应该解决其中的一些问题并添加一些新的东西。

我正在尝试使用 PHP 使用从数据库中提取的图像制作幻灯片，但我看到的所有幻灯片教程都需要 CSS 或 java 脚本(我对此一无所知)，但我做不到在 PHP 代码中使用 ID 或类。

这是我们老师写的代码，所以它从数据库中提取图像。

<?php
    echo '<a href="'.$row['url'].'" data-lightbox="gallery" 
               data-title="'.$row['title'].'">
                   <img src="'.$row['url'].'" 
                    alt="'.$row['title'].'" width="300px" />
              </a>';
?>

it looks like this

这是我尝试使用的 CSS 代码，因此它可以用图像制作幻灯片:

@关键帧 slider {

        0% {
            left: 0;
        }
        20% {
            left: 0;
        }
        25% {
            left: -100%;
        }
        45% {
            left: -100%;
        }
        50% {
            left: -200%;
        }
        70% {
            left: -200%;
        }
        75 {
            left: -300%;
        }
        95% {
            left: -300%;
        }
        100% {
        left: -400%;
        }
    }

    #slider {
        overflow: hidden;
    }

    #slider figure img {
        width: 20%;
        float: left;
    }

    #slider figure {
        position: relative;
        width: 500%;
        margin: 0;
        left: 0;
        tet-align: left;
        font-size: 0;
        animation: 20s slider infinite;
    }

如果有人能在这里帮助我们，我将不胜感激。感谢您的关注。

Answer 1

问题是我忘记添加幻灯片所需的 html 标签(图)。我现在设法解决了它。