I tried to change background image of div based on the image i clicked

1

I tried to change background image of div based on the image i clicked, and while that work, the css for background-size:cover and background-position:center didn’t work and my images ended up looking like this

image
image1126×546 274 KB

Any idea why?

2

This is one.

background-position: center center;
1 Like
3

still didn’t work man
I think it’s because i upload the background-image using javascript but idk

4

If you use JavaScript, you can add position in JavaScript like this:

document.body.style.backgroundPosition = "center center"
1 Like
5

Thank you both it worked! I applied it to css first lol

1 Like