Question

I want to add a background image from JQuery.
I tried like everything but my the background-image won’t show.

My code (example):

$(function() {
    var cssObj = 
    {
        'background-image' : 'url(http://blog.stackoverflow.com/wp-content/uploads/stackoverflow-logo-300.png)'
    }

    $('.Main').css(cssObj);
});

<div class="Main"></div>

JSfiddle: http://jsfiddle.net/334N7/5/

Answer 1

I have tried your code and it works. The problem is that your div is empty and has no height.

Check out my sample and this jsFiddle

<div class="Main" style="height:100px; width:100px"></div>

Update

Your jsFiddle does not work because your forgot to set jQuery as the framework

Here is your updated jsFiddle

Update

I have checked your site. The reason why it does not works is that the image arrowright.png is not there or at another path. It results in a

“GET daangeudens.be/arrowright.png 404 (Not Found)”

Change

$(function() {
    var cssObj = 
    {
        'background-image' : 'url(../arrowright.png)',
    }

    $('.Main').css(cssObj);
});

to

$(function() {
    var cssObj = 
    {
        'background-image' : 'url(/img/arrowright.png)',
    }

    $('.Main').css(cssObj);
});