title: Swiper.js control two instances with different option loop
body: <p>I try to make a slider with thumb like <a href="https://jsfiddle.net/7wa109z2/" rel="nofollow noreferrer">this</a>
  <br>But i want my slider is <code>loop=true</code> and my thumb is <code>loop=false</code>.
  Here is my setting</p>
  <pre><code>var galleryTop = new Swiper('.gallery-top', {
        spaceBetween: 10,
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
        loop: true
  });
  var galleryThumbs = new Swiper('.gallery-thumbs', {
        spaceBetween: 10,
        centeredSlides: true,
        slidesPerView: 'auto',
        touchRatio: 0.2,
        slideToClickedSlide: true
  });
  galleryTop.controller.control = galleryThumbs;
  galleryThumbs.controller.control = galleryTop;
  </code></pre>
  <p>But everything not working. my slider and my thumb not do the same item. How to do that thank.</p>