Какие есть способы сделать так, что бы фоновое изображение на разных расширениях было разное?

Question

[mukzer]

Какие есть способы сделать так, что бы фоновое изображение на разных расширениях было разное?

Comments

[Сергей Сергей]

css media queries

[mukzer]

Сергей Сергей, Да, а помимо этого?) Один и тот же блок, на разных страницах с разным фоном...

[Сергей Сергей]

Разве что сервер или js будут добавлять к блоку какой-то зависимый от адреса страницы атрибут.

[mukzer]

Сергей Сергей, Как-то так наверное....
Не знаю другого способа...

const wrapper = document.querySelector('.entry')
const oldImg = wrapper.getAttribute('style')
const newImg = wrapper.getAttribute('data-bg')

window.addEventListener(`resize`, event => {
    if (window.innerWidth <= 500) {
        wrapper.setAttribute('style', newImg)
    } else {
        wrapper.setAttribute('style', oldImg)
    }
}, false);

[Ankhena]

mukzer, разные классы ставьте на разных страницах.
А для разных размеров вьюпорта используйте @media

Answer 1

[Vova135798]

Прописать фон для нужного расширения через @media (max-width: ...px)