無法更改div的背景圖片

Question

我試圖通過將鼠標懸停在縮略圖上來更改div #image的背景圖像（類似於簡單的滑塊），下面提供了我的插件。

1-首先，我嘗試這樣做：element.style.backgroundImage但我在控制台中得到了這個：

2-然后我嘗試了諸如element.backgroundImage之類的東西，盡管它在控制台中看起來不錯，但是沒有用，這是控制台：

注意：我不想使用任何庫，只想學習JavaScript核心。

      my plunker

https://plnkr.co/edit/Mk0HSTYvQ4isVKjM7IEt?p=preview

更新：

1-我注意到我在這里做錯了插值：

var bgI_value = 'url('+ src + ');';

它應該是：

var bgI_value = 'url("'+ src + '");';

2-亞歷山德魯的建議刪除simicolon是一個好主意。

3- Sharma的建議添加.style.backgroundImage也是一個好主意。

因此我的代碼缺少這三個更正！

謝謝大家

Answer 1

問題在於您更改背景圖片的方式：

image.backgroundImage= bgI_value;

應該是：

image.style.backgroundImage= bgI_value;

請注意，這是正確的：

var bgI_value = 'url('+ src + ')';

這是Plunker： https ：//plnkr.co/edit/NX1cgmzudJjFbM80q3eI ？ p = preview

Answer 2

這是您的解決方案：

請更換

var bgI_value = 'url('+ src + ');';

至

var bgI_value = 'url('+ src + ')';