Add background image property to Jquery

Question

I would like to know how to add css background-image:url("xxxxx") property to my code.

jQuery('#'+$trackID+' .sc_thumb').attr('src',$thumb_url);
jQuery('#'+$trackID+' .sc_container').css('display','block');

What i would like to do is to add to the second row property background-image:url("") and put the $thumb_url value inside so I can have a background from that image.

I guess this should be added to .css property somehow, and I have tried different ways but I can't get this to work. Any ideas?

Mohamed-Yousef · Accepted Answer · 2016-08-14 01:09:02Z

2

you can try

jQuery('#'+$trackID+' .sc_container')
.css({
    'display':'block',
    'background-image' : 'url('+ $thumb_url +')'
    });

or

jQuery('#'+$trackID+' .sc_container')
.css('display','block')
.css('background-image' , 'url('+ $thumb_url +')');

edited Aug 14, 2016 at 1:09

answered Aug 14, 2016 at 1:07

Mohamed-Yousef

24k3 gold badges21 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Add background image property to Jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related