Как написать слайдер на чистом js?

Question

[Alex_87]

Добрый день, ребята! Мне нужно написать определённый слайдер на чистом js. Что я имею ввиду?
Нужно, при клике на цвет, менять телефон. Подскажите, как это сделать?

P.S. Ищу в интернете решение, но пока не могу найти...

Comments

[Rustam Bainazarov]

Слайдер тут вам не нужен.

[Alex_87]

Рустам Байназаров, Я тоже прихожу к этой мысли) ... А как это сделать? Я так понимаю, что это что-то наподобие цикла:

if('white' == 'white'){
  вставляем через inner путь...
}
а как по коду оформить? Как изьять  значение цвета?(я так понимаю, что через value) и как вставить этот путь?

Answer 1

[MamaLuyba]

вешаешь на цвет обработчик, который будет менять картинку.

function change(elem) {
 let color = elem.innerText;
 switch(color) {
 case "Amber": elem.style.backgroundImage = 'amber phone pic';
 break;
// и т.д.
}
}

на блок с цветом вешаешь:
onclick='change(this)'

если надо, чтобы слайдились, выставляешь блоку с фото смещение за границу окна, и после делаешь transition на место.