替换图像不显示在图像滑块

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

我怀疑可能会出现代码检索新图像后，我已经切换他们，但我不确定的问题。

任何想法可能会出错？在CSS代码中，如下所示，“banner”（用于原始图像）的作品。但它无法显示“banner1”和“banner2”，它们是我要切换到的新图像的路径。

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

来源

2015-10-06 Jj Lin

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

而且网址应为引号

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

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

在侧边栏它不是一个真正好的做法里面包括你的图像路径的空间。

来源

2015-10-06 13:07:12 jp1871

感谢您的建议。我试过他们，包括添加引号和检查图片位于相同的文件夹（实际上它们已经在与其他原始图片相同的文件夹），但它仍然无法正常工作。此外，我试图重命名图片与原始图片（即bnr-1）的名称相同，以便我可能不需要更改自己的CSS代码，但重命名的图像仍然不显示在滑块上。非常欢迎任何其他建议！ –

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

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

来源

2015-10-09 10:35:35

替换图像不显示在图像滑块

回答

相关问题