Set HTML Page background image using jQuery

Question

I want to set page backgroudImage using jQuery.
I wrote this code but it is not work.
What is the problem?
Image is exist

var Page = $(this);
$(function () {
    SetBackgroundImage();
});


function SetBackgroundImage() {
    //Todo read ImagePath from server

    var ImageUrl;
    ImageUrl ="../Images/BackgroudImage.jpg";

    try {

        Page.css('background-image', 'url(' + ImageUrl + ')');
    } catch (e) {
        //LogError
        alert(e.Description);
    }

}

Kevin · Accepted Answer · 2011-06-05 06:29:19Z

1

The variable Page currently holds a reference to a jQuery object which is wrappend around the window element. You'll want the jQuery object to wrap around the body tag.

To retrieve the body element you'll have to adjust your code a bit, like so:

$(function() {
    $('body').css('background-image', 'url(' + ImageUrl + ')');
});

I suggest you take a look at the jQuery API for some more information about jQuery.

edited Jun 5, 2011 at 6:29

answered Jun 5, 2011 at 6:23

Kevin

5,6843 gold badges30 silver badges42 bronze badges

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

Collectives™ on Stack Overflow

Set HTML Page background image using 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