Как swiper сделать с право?

Question

[Greeg Zagrelov]

Всем привет, как сделать swiper с право ?
Добавил direction: 'vertical',
сделал два d-flex
Может кто знает как правильно его реализовать ?

<div class="d-flex">
                <div class="swiper-container gallery-top">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="img/galary/1.png" alt=""></div>
                        <div class="swiper-slide"><img src="img/galary/1.png" alt=""></div>
                        <div class="swiper-slide"><img src="img/galary/1.png" alt=""></div>

                    </div>

                </div>

                <div class="swiper-container gallery-thumbs">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="galary-style">
                                <img src="img/galary/1.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="galary-style">
                                <img src="img/galary/1.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="galary-style">
                                <img src="img/galary/1.png" alt="">
                            </div>
                        </div>

                    </div>
                </div>

            </div>

var galleryThumbs = new Swiper('.gallery-thumbs', {
    direction: 'vertical',
    spaceBetween: 10,
    slidesPerView: 3,
    loop: true,
    // freeMode: true,
    loopedSlides: 5, //looped slides should be the same
    watchSlidesVisibility: true,
    watchSlidesProgress: true,
});
var galleryTop = new Swiper('.gallery-top', {
    slidesPerView: 1,
    spaceBetween: 10,
    // loop: true,
    loopedSlides: 5, //looped slides should be the same
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
    thumbs: {
        swiper: galleryThumbs,
    },
});

Comments

[Ankhena]

Поменяйте блоки местами...
И поправьте стили, чтобы ширина была правильная.

Альтернативы: order, row-reverse и т.д.