0

У меня есть адаптивный фон в CSS, но нужно чтобы ссылку на картинку можно было прописывать не в стилях а в коде. Как это сделать?

.vid {
background-image: url('/img/bg.jpg');
background-position: 100% 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #464646;
}
4
  • А что, если менять background-image скриптом?
    – IVsevolod
    20 июн 2016 в 6:11
  • А как это реализовать? Я пока только к такому пришел: <div style="background-image: url('/img/bg.jpg');"></div> . 20 июн 2016 в 6:21
  • Что значит "адаптивный фон"? При каких условиях вы хотите менять этот фон?
    – uorypm
    20 июн 2016 в 6:23
  • jsfiddle.net/soledar10/zLhv43mo
    – soledar10
    20 июн 2016 в 7:03

1 ответ 1

1

Вы можете обратиться к своим элементам по селектору .vid :

var elements = document.querySelectorAll('.vid');

А затем поменять всем этим элементам фон в цикле:

for (i = 0; i < elements.length; ++i) {
    elements[i].style.backgroundImage = '/img/bg2.jpg';
}

Или так:

[].slice.call(elements).forEach(function(element) {
    element.style.backgroundImage = '/img/bg2.jpg';
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.