使用javascript和CSS顯示圖像

我必須創建一個javascript代碼，它可以在點擊圖像按鈕時調用不同的圖像。我給圖像命名爲product1，product2，product3。我是JavaScript新手。使用javascript和CSS顯示圖像

var count; 
document.getElementById("divProduct").style.backgroundImage="url('images/product'+count)";

我想上面的代碼，但它不工作

2012-08-10 Mr_Green

您還缺少影像擴展。它應該是.png或.jpg或其他的東西，這取決於你的圖像的類型。

另外我想知道你是否在控制檯上得到任何錯誤。

編輯：對於那些尋找這個問題的答案，請也檢查攪拌機的答覆下面我的。

2012-08-10 05:12:05

我在控制檯上收到一個未定義的引用錯誤，因爲我沒有給腳本標記賦予正確的屬性。我輸入了

如果你看一下語法高亮，+ count被視爲字符串。

你把它放在單引號（種）之外，但你仍然需要把它的雙引號，這是你真正使用來分隔字符串引號之外：

document.getElementById("divProduct").style.backgroundImage="url('images/product" + count + "')";

2012-08-10 04:59:26 Blender

您的代碼應該是像攪拌機說，仍然如果它不工作添加在你的div 樣本：

<div id="divProduct">&nbsp;</div>

2012-08-10 05:11:31 gaurang171

我認爲它一定是像;

var count; 
document.getElementById("divProduct").style.backgroundImage="url('images/product" + count + ".jpg')";

2012-08-10 05:14:44

相關問題

回答