title: 3-way control slider using Swiper slider
body: <p>I'm trying to a 3-way control using Swiper slide.</p>
  
  <p>What do I mean saying 3-way. There is a 2-way control <code>http://idangero.us/swiper/demos/23-thumbs-gallery.html</code> example, but I need 3rd row with content. May be anyone has the idea?</p>
  
  <p>I made a 3rd row,</p>
  
  <pre><code>  var galleryTop = new Swiper('.gallery-top', {
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        spaceBetween: 10,
    });
    var galleryThumbs = new Swiper('.gallery-thumbs', {
        spaceBetween: 10,
        centeredSlides: true,
        slidesPerView: 'auto',
        touchRatio: 0.2,
        slideToClickedSlide: true,
    });
    var galleryTabs = new Swiper('.swiper-tabs',{
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
    });
  
  galleryThumbs.params.control = galleryTop;
  galleryTop.params.control = galleryThumbs;
  galleryTabs.params.control = galleryTop;
  </code></pre>
  
  <p>But 3rd row slides when user scrolls <code>galleryTop</code> only. When user scrolls <code>galleryThumbs</code> there are no changes with 3rd row<br>
  When users scrolls 3rd row, slides <code>galleryTop</code> and <code>galleryThumbs</code></p>