CODEWITHSUNDEEP
javascriptjquery
Dean Jason
Dean Jason

Reputation: 105

set background image using css() doesn't work

http://jsfiddle.net/twsfag9k/

$(function () {
    var string = 'http://i.imgur.com/eHq5oXc.jpg'
    $('div').css('background-image', string);
});

What's wrong in my code above? It looks fine for me.

Upvotes: 0

Views: 331

Answers (3)

qtgye
qtgye

Reputation: 3610

Try this one:

var string = 'http://i.imgur.com/eHq5oXc.jpg';

$('div').css('background-image', 'url(' + string + ')');

Upvotes: 2

oscarvady
oscarvady

Reputation: 450

You can get it only with CSS:

div {    
    width:50px;
    height:50px;
    background-color:pink;
    background: no-repeat url('http://i.imgur.com/eHq5oXc.jpg');
    background-size:cover;
}

DEMO: http://jsfiddle.net/twsfag9k/6/

Upvotes: 0

som
som

Reputation: 4656

$(function () {
    var string = 'url(http://i.imgur.com/eHq5oXc.jpg)';
    $('div').css('background-image', string);
});

Check below fiddle link :

http://jsfiddle.net/twsfag9k/2/

Upvotes: 0

Related Questions