无法更改 div 的背景图片

Question

我正在尝试通过将鼠标悬停在缩略图上（类似于简单的滑块）来更改 div #image 的背景图像下面提供了我的 plunker。

1- 首先我尝试这样做：element.style.backgroundImage 但我在控制台中得到了这个：

2- 然后我尝试了 element.backgroundImage 虽然它在控制台中看起来不错但没有用，这是控制台：

注：不想用任何库，只想研究JavaScript核心。

      my plunker

更新：

1- 我注意到我在这里做错了插值：

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

应该是：

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

2- Alexandru 提出的删除模拟人的建议很好。

3- Sharma 关于添加 .style.backgroundImage 的建议也是一个好点。

所以我的代码缺少这三个更正！

谢谢大家

Answer 1

这是您的解决方案：

请更改

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

至

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

Answer 2

问题在于您更改背景图片的方式：

image.backgroundImage= bgI_value;

应该是：

image.style.backgroundImage= bgI_value;

注意这里是正确的：

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