How to make a gallery in MIGx with different slides?

Question

MODX

Guys, faced with a non-standard task. I need to make a complex slider, but I can’t figure out how to do it, because I’m familiar with MIGx at the level of creating simple multi-load sliders.

In general, here is the code for the slider

<div class="article-slider">
              <div class="article-slider-big">
                <img id="slider-big" src="images/article/img.png" alt="">
              </div>
              <div class="article-slider-list-box">
                <div class="article-slider-nav">
                  <div class="counter-slide">
                    <div class="cp">1</div>/
                    <div class="default"></div>
                  </div>
                  <div class="article-slider-title">
                    <p>Вопросы развития курортной медицины обсудили на конференции в Горячем Ключе</p>
                  </div>
                </div>
                <div class="article-slider-list">
                  <div class="article-slider-list-item">
                    <img class="thumb" src="images/article/img.png" alt="">
                  </div>
                  <div class="article-slider-list-item">
                    <img class="thumb" src="images/article/img.png" alt="">
                  </div>
                  <div class="article-slider-list-item">
                    <img class="thumb" src="images/article/img.png" alt="">
                  </div>
                  <div class="article-slider-list-item">
                    <img class="thumb" src="images/article/img.png" alt="">
                  </div>
                  <div class="article-slider-list-item">
                    <img class="thumb" src="images/article/img.png" alt="">
                  </div>
                  <div class="article-slider-list-item">
                    <img class="thumb" src="images/article/img.png" alt="">
                  </div>
                  <div class="article-slider-list-item">
                    <img class="thumb" src="images/article/img.png" alt="">
                  </div>
                  <div class="article-slider-list-item">
                    <img class="thumb" src="images/article/img.png" alt="">
                  </div>
                  <div class="article-slider-list-item">
                    <img class="thumb" src="images/article/img.png" alt="">
                  </div>
                  <div class="article-slider-list-item">
                    <img class="thumb" src="images/article/img.png" alt="">
                  </div>
                  <div class="article-slider-list-item">
                    <img class="thumb" src="images/article/img.png" alt="">
                  </div>
                  <div class="article-slider-list-item">
                    <img class="thumb" src="images/article/img.png" alt="">
                  </div>
                  <div class="article-slider-list-item">
                    <img class="thumb" src="images/article/img.png" alt="">
                  </div>
                  <div class="article-slider-list-item">
                    <img class="thumb" src="images/article/img.png" alt="">
                  </div>
                  <div class="article-slider-list-item">
                    <img class="thumb" src="images/article/img.png" alt="">
                  </div>
                </div>
              </div>
            </div>

The fact is that the first slide is in large size.

View of the rendered slider

Tell me how I need to make a chunk (I tried

but it doesn't work(
Thanks in advance.

Answer 1

[[+idx:is=`1`:is=`0`:then=`- what does that mean?