0

画像の「グリッド」とスライダーを使用して、スライダーのビューごとに 3 つの列を表示できるようにしたいと考えています。したがって、上下にスワイプするたびに、新しい 3 つの画像セットが表示されます。

これは Framework7 のスライダーでどのように可能ですか? 私が試してみました

 mySlider2 = myApp.slider('.slider-2', {
    pagination: '',
    spaceBetween: 4,
    slidesPerColumn" 3,
    direction: 'vertical'
});

行ごとの列などにする必要があると思いますが、これを行う方法がわかりません。

4

2 に答える 2

0

構造フレームワーク7 が提供するものを使用して、各スライド内に自分でグリッドを構築します。

<!-- Slider container -->
<div class="swiper-container">
    <!-- Slides wrapper -->
    <div class="swiper-wrapper">
        <!-- Slides -->
        <div class="swiper-slide">
            // Build your grid here
        </div>
        ... other slides ...
    </div>
    <!-- Pagination, if required -->
    <div class="swiper-pagination"></div>
</div>
于 2016-02-11T15:38:36.923 に答える