幻灯片放映不起作用;在本地工作但在上传时不工作

时间:2018-03-10 10:36:08

标签: html css

正如标题所示,幻灯片在本地运行,但在上传到服务器时则无效。所有图片都在正确的位置,以便显示图像。 有没有人有任何想法或理由为什么它不起作用? 任何帮助表示赞赏。谢谢。  幻灯片代码是:

    <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; 
    }

所有照片都在正确的位置,以便显示图像。

有没有人知道或不知道为什么它不起作用?

感谢任何帮助。谢谢。

1 个答案:

答案 0 :(得分:0)

你检查了文件夹的名字吗? “图像”与Linux服务器的“图像”不同。