Показать сообщение отдельно
  #34 (permalink)  
Старый 06.08.2018, 22:49
Аватар для madeas
Профессор
Отправить личное сообщение для madeas Посмотреть профиль Найти все сообщения от madeas
 
Регистрация: 13.04.2018
Сообщений: 232

настроил.

var back = document.querySelector("#back"),
  x = document.querySelector("#posX"),
  y = document.querySelector('#posY'),
  so = document.querySelector('#sizeOne'),
  st = document.querySelector('#sizeTwo'),
  si = document.querySelector('#sizeIn');
(style = () => {
  back.style.backgroundImage = 'url(' + document.querySelector("#bgImage").value + ') ';
  back.style.backgroundSize = so.checked ? 'cover' : st.checked ? 'contain' : si.value + 'px';
  back.style.backgroundRepeat = document.querySelector('[name="repeat"]:checked').parentNode.textContent;
  back.style.backgroundPosition = y.value + '%' + x.value + '%';
})();
document.querySelectorAll('input').forEach(el => el.oninput = style);
Ответить с цитированием