Question

*你好，我目前正在使用包含javascript的现有代码来实现图像滑块。它适用于现有图像，但当我尝试替换其他图片时，滑块每次都会变为空白。似乎代码没有任何问题，因为每当我将图片切换回原始图像时它再次起作用。

我怀疑在我切换它们之后检索新图像的代码可能有问题，但我不确定。

知道可能出现什么问题吗？*在CSS代码中，如下所示，＆＃34; banner＆＃34; （原始图像）有效。但它无法显示＆＃34; banner1＆＃34;和＆＃34; banner2＆＃34;这是我要切换到的新图像的路径。

/*--banner-starts--*/
.banner{
background:url(../images/bnr-1.jpg) no-repeat;
min-height:600px;
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
}

.banner1{
background:url(../images/awesome-sunshine-trees11.jpg) no-repeat;
min-height:600px;
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
}

.banner2{
background:url(images/road ahead graham hobbs.jpg) no-repeat;
min-height:600px;
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
}

Answer 1

检查照片是否确实存在于您引用的文件夹中。

此外，网址应在引号内

background:url("../images/someimage.jpg");

http://www.w3schools.com/cssref/css3_pr_background.asp

在侧边栏上，在图像路径中包含空格并不是一个很好的做法。

Answer 2

关于我提出的问题，我将互联网浏览器从MS边缘（Windows 10中的默认设置）切换到MS资源管理器后，似乎可以显示图像。用IE打开html文件后，我可以看到更新的图片。

谢谢。希望这可以帮助其他人节省一些时间，如果他们将来遇到同样的问题。

替换未在图像滑块上显示的图像

2 个答案: