html - 幻灯片不起作用；在本地工作，但上传时不工作

如标题所示，幻灯片在本地播放，但在将其上传到服务器后不起作用，所有图片都位于显示图片的正确位置。
是否有人对它不起作用有任何想法或原因？
任何帮助表示赞赏。谢谢。
 幻灯片代码为：

    <div class="clr"></div>
        </div>
      </div>
      <div id="outerbox">
        <div id="sliderbox">
           <img src="Images/b.jpg">
            <img src="Images/b1.jpg">
            <img src="Images/b2.jpg">
            <img src="Images/b3.jpg">
            </div>
        </div>

/*slider code*/

#outerbox
{
    margin: 0px;
  width: 1300px;
    overflow: hidden;

}
#sliderbox
 {
    position:relative;
    margin-left: 25px;
    width:5200px;
    animation-name: anupam;
    animation-duration: 10s;
    animation-iteration-count: infinite;

}
#sliderbox img
{
    float: left;
}
@keyframes anupam {
    0%
    {
        left:0px;
    }
    20%
    {
        left:0px;
    }
    25%
    {
        left:-1300px;
    }
    45%
    {
        left: -1300px;
    }
    50%
    {
       left: -2600px;
    }
    70%
    {
        left: -2600px;
    }
    75%
    {
        left:-3900px;
    }
    95%
    {
        left: -3900px;
    }
    100%
    {
        left:-3900px;
    }

所有图片均位于显示图片的正确位置。

是否有人对它不起作用有任何想法或原因？

任何帮助表示赞赏。谢谢。

最佳答案

您检查文件夹的名称了吗？
对于Linux服务器，“映像”与“映像”不同。

关于html - 幻灯片不起作用；在本地工作，但上传时不工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49208058/