Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改背景图像?_Javascript_Jquery_Html_Css_Tumblr - Fatal编程技术网

Javascript 如何更改背景图像?

Javascript 如何更改背景图像?,javascript,jquery,html,css,tumblr,Javascript,Jquery,Html,Css,Tumblr,我正在尝试使用jquery更改divs背景图像。我需要用作背景图像的照片是photoset的第一张图像 HTML 代码笔 您可以使用控制台检测脚本错误。您发布的代码产生错误,因为是意外的,并且在那里是错误的。使用此选项 $('div').css("background-image", "url('" + $('div img:first-child').attr('src') + "')"); 应该是 $('div').css("background-image", "url(" +

我正在尝试使用jquery更改divs背景图像。我需要用作背景图像的照片是photoset的第一张图像

HTML

代码笔


您可以使用控制台检测脚本错误。您发布的代码产生错误,因为
$('div img:first child').attr('src')
后面的code>是意外的,并且在那里是错误的。

使用此选项

$('div').css("background-image", "url('" + $('div img:first-child').attr('src') + "')");  
应该是

   $('div').css("background-image", "url(" + $('div img:first-child').attr('src') + ")");
.attr('src')之后出现小的
打字错误

只需删除


您没有图像的扩展名,也可以从url中删除分号。您得到了
.attr('src');+杀死
$('div').css(“背景图像”,“url”(++$('divimg:first child')).attr('src')+”)由于您的原因,我已投票决定结束此问题typo@Huangism谢谢您!你是最棒的。
$('div').css("background-image", "url('" + $('div img:first-child').attr('src') + "')");  
   $('div').css("background-image", "url(" + $('div img:first-child').attr('src') + ")");