我试图通过将鼠标悬停在缩略图上(像一个简单的滑块)来改变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也是一个好点。所以我的代码缺少这三个更正!
谢谢大家。
答案 0 :(得分:2)
问题在于您更改背景图片的方式:
image.backgroundImage= bgI_value;
应该是什么:
image.style.backgroundImage= bgI_value;
请注意,这是正确的:
var bgI_value = 'url('+ src + ')';
以下是Plunker:https://plnkr.co/edit/NX1cgmzudJjFbM80q3eI?p=preview
答案 1 :(得分:1)
以下是您的解决方案:
请更改
var bgI_value = 'url('+ src + ');';
TO
var bgI_value = 'url('+ src + ')';