Swiper несколько строк миниатюр (несколько селекторов миниатюр) - PullRequest
Новая
       18

Swiper несколько строк миниатюр (несколько селекторов миниатюр)

0 голосов
/ 17 января 2019

Кто-нибудь знает, возможно ли сделать несколько миниатюр строк с помощью Swiper API?

У меня есть такой HTML-код: 

<div class="thumbnails first">
    <div class="slide"></div>
</div>
<div class="main-slide"></div>
<div class="thumbnails second">
    <div class="slide"></div>
</div>

как сказано в документации, мы могли бы связать одну миниатюру с основным слайдером, но если возможно взять слайды из обоих классов 'thumbnails'?

Я пытался добавить больше слайдов, как это: 

var galleryThumbs = new Swiper('.thumbnails.first', {
 slidesPerView: 6,
 freeModeMomentum: false,
 slideClass: 'slide'
});
galleryThumbs.slides = $('.thumbnails');
var galleryTop = new Swiper('.main-slide', {
 thumbs: {
  swiper: galleryThumbs
 }
});

OR 

var galleryThumbs = new Swiper('.thumbnails', {
 slidesPerView: 6,
 freeModeMomentum: false,
 slideClass: 'slide'
});
var galleryTop = new Swiper('.main-slide', {
 thumbs: {
  swiper: galleryThumbs
 }
});

OR 

var galleryThumbs = new Swiper('.thumbnails.first', {
 slidesPerView: 6,
 freeModeMomentum: false,
 slideClass: 'slide'
});
var galleryThumbs2 = new Swiper('.thumbnails.second', {
 slidesPerView: 6,
 freeModeMomentum: false,
 slideClass: 'slide'
});
var galleryTop = new Swiper('.main-slide', {
 thumbs: {
  swiper: [galleryThumbs, galleryThumbs2]
 }
});

Ничего не работает, у вас есть идеи?

...