Slide mismatch in rotator and flexslider carousel. How to decide?

Question

JavaScript

Hello! Please help me figure it out!!!
Site on Modx Revo

There is a gallery of the object, which is entered using MIGX. Displayed via getImageList:

chunk slides:

<li data-thumb="">
        <img src="" alt="Hello! Please help me figure it out!!! Site on Modx Revo There is a gallery of the object, which is entered using MIGX. Displayed via getImageList: [[getImageList? &tvname=`ima" />
    </li>

Displayed through the following FlexSlider:

flexslider.woothemes.com/thumbnail-controlnav.html there is a rotator and a carousel that works like a navbar for the rotator.

The script that I connect to display the slider:

$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide",
    controlNav: "thumbnails"
  });
});

Everything outputs, but there is a small problem.

When the first thumbnail in the carousel is active, it shows the last slide in the rotator. After jumping to the second slide and then shows normally.

A good example is geocrimea.com/katalog/doma/dom-sevastopol-fiolent-...

Tell me , good people, what could be the problem?

Answer 1

in the flexslider.css file, replace the line (like 29)
with:
on the:

.flexslider .slides > li:not(:first-child) {display: none; -webkit-backface-visibility: hidden;}