include background image using javascript

Question

i want to apply background image with no repeat using javascript..

#img_name{

    background-image:
    background-repeat:
}

how to convert this accordingly

 $("#img_name").html("<img src=assets/\images\/"+data['img_name']+">");

Alex Tartan · Accepted Answer · 2015-07-21 05:26:19Z

2

Try this:

$('#img_name').css('background-image', 'url("assets/images/"'+data['img_name']+'")');
$('#img_name').css('background-repeat', 'no-repeat');

Or, setting both in one go:

$('#img_name').css({
    'background-image' : 'url("/assets/images/'+data['img_name']+'")',
    'background-repeat': 'no-repeat'
});

answered Jul 20, 2015 at 17:15

Alex Tartan

6,84410 gold badges37 silver badges47 bronze badges

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

3 Comments

it must be from <?php echo data['img_name']; ?>. Replace it with a value. You can't run PHP in a .js file (or test the script in a .php file)

try 'url("assets/images/"'+data['img_name']+'")'

You can't set CSS properties trough html(). That's what css() is for.