PHP：这里要考虑的一件事是，当用户增加和减少页面宽度时，如果在页面加载上只构建了一个滑块，那么如果用户更改页面宽度，他们将无法加载另一个滑块。

JS：您可以使用JS修改图像src，将图像命名为相同的名称，并在宽度调整时向图像添加删除扩展。e、 g.图像。png，然后添加和删除（图像）-移动。png。

CSS：您可以使用背景图像或图像标记，然后使用媒体查询将src与CSS交换。背景图像很容易声明，图像标记src可以这样交换：

<style>
    @media screen and (min-width: 1248px) {
        .MyClass123{
            content:url("image-1.jpg");
        }
    }

    @media screen and (max-width: 1247px) {
        .MyClass123{
            content:url("image-2.jpg");
        }
    }
</style>

<img class="MyClass123"/>

拿着你的照片，然后我们可以给你写一个解决方案，杰森。