账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    用swiper3做轮播图,要滑动的元素纵向排列,无法横向排列?
    35
    0

    这样导致代码轮播图无法横向滑动
    贴上代码,求指教(网上找的例子)

    <html>
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
            .swiper-slide {
                width: 200px;
                height: 300px;
                border: 1px solid #333;
            }
        </style>
    </head>
    <body>
        <!-- Swiper 需要轮播的内容 -->
      <div class="swiper-container swiper-container-horizontal">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <p>我是第一张图片</p>
          </div>
          <div class="swiper-slide">
            <p>我是第二张图片</p>
          </div>
          <div class="swiper-slide">
            <p>我是第三张图片</p>
          </div>
        </div>
    
      </div>
    </body>
    </html>
    <script src="https://cdn.bootcss.com/jquery/1.10.0/jquery.js"></script>
    <script src="https://cdn.bootcss.com/Swiper/3.4.1/js/swiper.jquery.min.js"></script>
    <script>
        var swiper = new Swiper('.swiper-container', {
        parallax: true,
        speed: 600, // 速度
        autoplay: 900, //可选选项,自动滑动
      });
    </script>
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 妙手秀才 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部