Question

Guessing this will be a real easy fix for someone with the know-how. I am still learning JavaScript and I’m always trying to learn more.

I currently have the following code:

<script type="text/javascript">
$(window).load(function() {
$("#background").fullBg();
});
</script>

This works fine. at the moment #background is:

<img src="images/background.jpg" alt="" id="background" />

However I want to be able to put the background in as a div background and not just an image.

How do I change the script above so that the function applies to the background-image of a div which will be set in CSS instead of pointing to the img tag as it currently does?

I have tried to search the internet for a solution; however I am not good enough at JS yet to word my search correctly to find what I am looking for.

Thanks in advance and sorry if my description is poor.

Answer 1

.css() is what you’re looking for (this example uses jQuery)

<script type="text/javascript">
$(window).load(function() {
    $("#background").css({
        "background-image" : "url(images/background.jpg);",
    });
});
</script>