How to use a variable for img src?

Question

I am using this script to get the image src of an article's primary image

var someimage = $("body").find(".default-content").find('img').attr("src");

now I want to pass that var into my

background: url();

This will be the background image of the header but it will be different for each article page. Is there a way to use the var as the src or could this be done with jQuery?

possible duplicate of [Setting background-image using jQuery CSS property](http://stackoverflow.com/questions/512054/setting-background-image-using-jquery-css-property) — Huangism, Apr 20 '15 at 18:21

Martin · Answer 1 · 2015-04-20T22:57:25.250

3

This can be done by using $('.header-class').css('background-image', 'url(' + someimage + ')');, where you replace .header-class with... your header's classname.

You can read up on it here

edited Apr 20 '15 at 22:57

answered Apr 20 '15 at 18:19

Martin

5,944
6
39
63

2

Shouldn't it be `.css('background-image', 'url(' + imageUrl + ')')` – Huangism Apr 20 '15 at 18:23
The syntax is wrong in this answer and will not work, and this should be closed as a duplicate – Huangism Apr 20 '15 at 18:30

score 0 · Accepted Answer · answered Apr 20 '15 at 18:25

0

You can use something like this

var someimage = $("body").find(".default-content").find('img').attr("src");.

// set background url
$('#someblock').attr('style','background-image: url('+someimage +')');

answered Apr 20 '15 at 18:25

Crowlex

101
7

Thank you @Crowlex that's perfect – Angé Rivera Apr 20 '15 at 18:48

How to use a variable for img src?

2 Answers2