正如标题所示,幻灯片在本地运行,但在上传到服务器时则无效。所有图片都在正确的位置,以便显示图像。 有没有人有任何想法或理由为什么它不起作用? 任何帮助表示赞赏。谢谢。 幻灯片代码是:
<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;
}
所有照片都在正确的位置,以便显示图像。
有没有人知道或不知道为什么它不起作用?
感谢任何帮助。谢谢。
答案 0 :(得分:0)
你检查了文件夹的名字吗? “图像”与Linux服务器的“图像”不同。