CODEWITHSUNDEEP
javascriptjquerycsshtmlbackground
andrew anderson
andrew anderson

Reputation: 393

JavaScript background images

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.

Upvotes: 1

Views: 1131

Answers (3)

bfavaretto
bfavaretto

Reputation: 71908

The plugin you are using (fullBg) was designed to work with img elements, not background images. Why do you even need a div? If you style the img with CSS as the plugin docs suggests, the outcome will be the same.

Upvotes: 0

Ghigo
Ghigo

Reputation: 1687

If I understood correctly, you're trying to assign a css property to the DIV. Then you should use .css('propertyName', 'value'). You can find the documentation at jQuery .css()

Upvotes: 1

Charlie
Charlie

Reputation: 11767

.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>

Upvotes: 0

Related Questions