查看: 3189|回复: 0
打印 上一主题 下一主题

关于切换效果:effect : 'cube',3张图旋转切换时问题

[复制链接]

该用户从未签到

1

主题

1

帖子

11

积分

新手上路

Rank: 1

积分
11
跳转到指定楼层
楼主
发表于 2017-3-9 15:25:14 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
1金钱
            我第一次用swiper3.0,觉得3d切换效果很酷炫,但是我在用effect : 'cube'效果时,发现一个问题,当图片是3张时,由第一张图滑到最后一张时,最后一张图会在中途变成第一张。其他时候都是好的。这是bug还是我使用的原因,我也不清楚,水平有限,还希望有大神解惑。

               <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide swiper-slide1"><img class="s_img" src="/Resources/Images/index/banner1.jpg"/></div>
                        <div class="swiper-slide swiper-slide2"><img class="s_img" src="/Resources/Images/index/banner2.jpg"/></div>                       
                        <div class="swiper-slide swiper-slide3"><img class="s_img" src="/Resources/Images/index/banner3.jpg"/></div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>                    
                </div>

             var swiper = new Swiper('.swiper-container', {//调用                        autoplay:'4000',
                        pagination: '.swiper-pagination',//分页
                        effect : 'cube',
                        cube: {
                          slideShadows: true,
                          shadow: false,
                          shadowOffset: 100,
                          shadowScale: 0.6
                        },                                       
                        paginationClickable: true,//此参数设置为true时,点击分页器的指示点分页器会控制Swiper切换。
                        loop: true,//此参数设置为true时,无限循环切换。
                        });
                </script>

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-24 04:47 , Processed in 0.054128 second(s), 25 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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