Swiper中文论坛

标题: 页面垂直滑动翻页，第一页实现banner横向轮播怎么实现？ [打印本页]

---

作者: 怡诗梦    时间: 2017-5-21 17:28
标题: 页面垂直滑动翻页，第一页实现banner横向轮播怎么实现？
页面垂直滑动翻页，第一页实现banner横向轮播怎么实现？

---

作者: 怡诗梦    时间: 2017-5-21 17:40
<div class="banner-container">
                    <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="images/banner1.png" /></div>
                            <div class="swiper-slide"><img src="images/banner2.png" /></div>
                            <div class="swiper-slide"><img src="images/banner3.png" /></div>
                            <div class="swiper-slide"><img src="images/banner4.png" /></div>         
                        </div>
                        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
                        </div>

  var banner = new Swiper('.banner-container', {
//      pagination: '.swiper-pagination',
        slidesPerView: 1,
        centeredSlides: true,
        paginationClickable: true,
        spaceBetween: 30
    });

---

作者: 404594471    时间: 2017-5-22 12:00
是自己想要的，不错哟

---

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)

Powered by Discuz! X3.2