Поменяйте изображения BG в галерее образцов - PullRequest
Новая
       42

Поменяйте изображения BG в галерее образцов

0 голосов
/ 04 апреля 2020

Я заканчиваю функцию для редактирования образцов в сетке, и я нахожусь в точке, где необходимо заменить маленькое изображение основным изображением, чтобы отредактировать / изменить, если требуется, текущий код получает отдельное изображение, но не заменяет его с основным изображением. Я использовал .sr c, но это не подходит для градиентного фонового изображения, должен ли я использовать backgroundImage ?. Код ниже, и работает до свопа, который не делает. Идентификатор mainID - это большой div в верхней части страницы «bodybg», где был создан образец, и он должен go вернуться туда для редактирования. 

editSwatch(){
let el = document.querySelectorAll('.swatch');
for(let i=0; i < el.length; i++) {
el[i].addEventListener('click', function () {
  el[i].setAttribute('id', 'gradient');      //id only on clicked swatch
  let mainID = document.getElementById('bodybg');
  let smallID = document.getElementById('gradient');
  // eslint-disable-next-line no-unused-vars
  let mainSRC = mainID.src;
  let smallSRC = smallID.src;
    mainSRC = smallSRC;        //doesnt work
    console.log('Clicked');    //works

  });
  }
}

Короче говоря, bg обмен изображениями, но с градиентами, а не изображениями? Любые советы приветствуются

Демо: Демо Здесь

Спасибо

...