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

Question

我和我的朋友有一个我们正在一起工作的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代码，所以它会从图像中制作幻灯片：

        @keyframes 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标签（图），这是我幻灯片所需的东西。我现在设法解决了。