无法更改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 + ');';

TO

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