Do you need tabs and a slider rolled into one?

Question

HTML

Good afternoon!
We need tabs so that we can name each tab individually (chocolate / candy / tile) and that it would be possible to scroll with arrows like a slider.
I surfed the whole Internet, found only this one ( Image Slider with external controls. ), but it has a significant minus; the tabs do not have an .active class.
If it is also adaptive, then this is the ultimate dream!
Let me know if anyone has any options. Thank you!
An example to make it clearer what we are talking about:

<div class="slider">
  <div class="controls">
    <a href="#" class="active">Сладер 1</a>
    <a href="#" class="">Сладер 2</a>
    <a href="#" class="">Сладер 3</a>
  </div>		
  <div class="carousel">
    <ul>
      <li class="item active">
        Сладер 1
      </li>
      <li class="item">
        Сладер 2
      </li>
      <li class="item">
        Сладер 3
      </li>
    </ul>
  </div>
  <div class="button">
    <a href="#" class="prev">Вперед</a>
    <a href="#" class="next">Назад</a>
  </div>
</div>

Answer 1

Check out BxSlider. This is exactly in its capabilities, there is good documentation and a lot of examples, both in Russian and in English. There are properties for simple adaptability.

Answer 2

I suggest: any non-super-light slider is your option.