查看: 1911|回复: 2
打印 上一主题 下一主题

页面垂直滑动翻页,第一页实现banner横向轮播怎么实现?

[复制链接]
  • TA的每日心情
    开心
    2017-6-5 10:07
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    1

    主题

    7

    帖子

    44

    积分

    新手上路

    Rank: 1

    积分
    44
    跳转到指定楼层
    楼主
    发表于 2017-5-21 17:28:31 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    页面垂直滑动翻页,第一页实现banner横向轮播怎么实现?
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2017-6-5 10:07
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    1

    主题

    7

    帖子

    44

    积分

    新手上路

    Rank: 1

    积分
    44
    沙发
     楼主| 发表于 2017-5-21 17:40:39 | 只看该作者
    <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
        });
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2017-5-22 11:59
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    5

    帖子

    19

    积分

    新手上路

    Rank: 1

    积分
    19
    板凳
    发表于 2017-5-22 12:00:37 | 只看该作者
    是自己想要的,不错哟
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-24 07:29 , Processed in 0.066438 second(s), 26 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表