替換圖像不顯示在圖像滑塊

*您好，我目前正在使用包含用於實現圖像滑塊的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

替換圖像不顯示在圖像滑塊

回答

相關問題