Попытка построить динамическую карусель изображений c без использования фреймворка - PullRequest
Новая
       98

Попытка построить динамическую карусель изображений c без использования фреймворка

0 голосов
/ 22 марта 2020

Я javascript новичок, я пытался создать этот образ карусели 'DYNAMI C' Изображение Карусель . Я не хочу использовать какие-либо рамки. 

function search(product){
product.map(item => {
    if(item[name]){
        for(var i = 0; i<item[name].length; i++){

          var html;
          if(i===0){
            html = `<li class="slide active" data-num="${i}"><img src="${item[name][i]}" draggable="false"></li>`;
          }
          else{
            html = `<li class="slide after" data-num="${i}"><img src="${item[name][i]}" draggable="false"></li>`;
          }
          document.querySelector('.carousel').insertAdjacentHTML('beforeend', html);

        }
      }
});

Активные, до и после классов продолжают портить, даже если я использую оператор if else. Я старался изо всех сил. Может кто-нибудь помочь, пожалуйста?

...