/    Sign up×
Community /Pin to ProfileBookmark

Dynamically changing width of "background-image"

Copy linkTweet thisAlerts:
Jul 19.2004

Hello, I’m trying to write a script to adjust the width of a background image to fit perfectly in any window size.

This is the way I have my background set up.

BODY { background-image:url(layout3.jpg);
background-repeat:no-repeat;
background-position:bottom right;
background-attachment:fixed }

I can determine the width of the window with document.body.clientWidth. But how can I change the width of the background image to reflect this value? I’m thinking of adding it to a javascript function on a 10 millisecond timer, so that it reacts immediately as soon as a window is resized.

to post a comment
JavaScript

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@David_HarrisonJul 19.2004 — I'm afraid you can't change the width of the background image. And I think you could use the onresize event handler rather than running a loop.
×

Success!

Help @coldertopic spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...