Как сделать слайдер?

$(function() { 
$('.slideshow__thumbs-link').on('click', function(e) { 
    e.preventDefault(); 
    var 
      th = $(this), 
      path = th.attr('href'), // путь до миниатюры 
      item = th.closest('.slideshow__thumbs-item'), 
      container = item.closest('.slideshow'), 
      imgFullSize = container.find('.slideshow__display'), 
      flag = false; 
    duration = 600; 
    if (flag) { 
      return; 
    } 
    if (!item.hasClass('active')) { 
      imgFullSize.fadeOut(duration, function() { 
        $(this).attr("src", path) // меняем путь до картинки 
          .fadeIn(duration); 
      }); 
      flag = true; 
    }); item.addClass('active') 
  .siblings() 
  .removeClass('active'); 
} 
}); 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="slideshow"> 
  <div class="slideshow__fullsize"> 
    <img src="img/1.jpeg" alt="" class="slideshow__display"> 
  </div> 
  <ul class="slideshow__thumbs"> 
    <li class="slideshow__thumbs-item active"> 
      <a href="img/1.jpeg" class="slideshow__thumbs-link"> 
        <img src="img/1.jpeg" class="slideshow__thumbs-img" alt=""> 
      </a> 
    </li> 
    <li class="slideshow__thumbs-item"> 
      <a href="img/2.jpeg" class="slideshow__thumbs-link"> 
        <img src="img/2.jpeg" class="slideshow__thumbs-img" alt=""> 
      </a> 
    </li> 
    <li class="slideshow__thumbs-item"> 
      <a href="img/3.jpeg" class="slideshow__thumbs-link"> 
        <img src="img/3.jpeg" class="slideshow__thumbs-img" alt=""> 
      </a> 
    </li> 
  </ul> 
</div>