How to make content slider in standard DLE engine template?

Question

DLE

In the Default template in the DLE engine, there is an image slider with text. How to make a content slider out of it using Custom ?
I'm trying to do this
Slider file

[aviable=main]
<!-- Карусель (http://getbootstrap.com/javascript/#carousel) -->
<div id="carousel-main" class="carousel slide vertical" data-ride="carousel">
  <div class="carousel-control">
    <div class="carousel-control_in">
      <a class="up" href="#carousel-main" role="button" data-slide="prev">
        <svg class="icon icon-up"><use xlink:href="#icon-up"></use></svg>
        <span class="title_hide">Вверх</span>
      </a>
      <ol class="carousel-indicators">
        <li data-target="#carousel-main" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-main" data-slide-to="1"></li>
        <li data-target="#carousel-main" data-slide-to="2"></li>
      </ol>
      <a class="down" href="#carousel-main" role="button" data-slide="next">
        <svg class="icon icon-down2"><use xlink:href="#icon-down2"></use></svg>
        <span class="title_hide">Вниз</span>
      </a>
    </div>
  </div>
  <div class="carousel-inner" role="listbox">
  {custom  limit="3" order="rand" template="modules/custom/slide"}
  </div>
</div>
<!-- / Карусель -->
[/aviable]

slide file

<div class="item">
      <div class="carousel-caption">
        <div class="carousel-caption_in">
          <div class="title">{title}</div>
          <div class="text">{short-story}</div>
        </div>
      </div>
      <div class="cover" style="background-image: url({image-1});"></div>
    </div>

Answer 1

Use https://owlcarousel2.github.io/OwlCarousel2/ I have been using it for a long time, everything is simple