Change css background-image with php

Question

I'm doing a profile for this website, and I wanted to do a cover photo like element like facebook has. The problem I have ran into is, first how do I save the background image of the cover? Like, I can save the url of the image in the database, but how would I possibly be able to put it in css?

I do not really want to just put:

<div style="background-image:url(<?php echo $imageUrl?>) no-repeat center center fixed">
</div>

That looks really ugly markup. Is there some other way?

That looks really ugly markup. - behind some swish web sites there's a whole pile of ugly. We use the tools we have. — user1864610
– user1864610, Commented Jan 2, 2014 at 6:12
I know we use the tools we have, and being a programmer, I have learned there is always the fugly way to do things, then then the right method to do things. I just can't figure out the right way for this one. — CodeTrooper
– CodeTrooper, Commented Jan 2, 2014 at 6:14
I would try to create a custom.css file with php for each user. It would need more http requests. — Leo
– Leo, Commented Jan 2, 2014 at 6:18

JAL · Accepted Answer · 2014-01-02 06:14:48Z

2

The only other options would be to put it in a style tag, or have php generate an external CSS file.

For the tag you'd do

<style>
  div { background-image: url(<?php echo $imageURL;?>); }
</style>

That is a bit cleaner than inline HTML styling.

answered Jan 2, 2014 at 6:14

JAL

21.6k1 gold badge50 silver badges67 bronze badges

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

2 Comments

CodeTrooper Over a year ago

This is indeed much cleaner, though, wouldn't it be heavier to load like this? I mean bringing css from a stylesheet and then rendering css from a <style></style> tag? I'm all for efficiency.

JAL Over a year ago

I wouldn't suggest having an external CSS file, though I did mention that possibility. Doing this method, an inline style tag, shouldn't be any less performant.

Collectives™ on Stack Overflow

Change css background-image with php

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related