<script>
var mySwiper = new Swiper('.swiper-container', {
direction: 'vertical', //horizontal横向
loop: true,
pagination: '.swiper-pagination', // 如果需要分页器
// 如果需要前进后退按钮
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
scrollbar: '.swiper-scrollbar',// 如果需要滚动条
//核心部分
autoplayDisableOnInteraction : false, //滑动之后, 定时器也不会被清除
observer: true, //修改swiper自己或子元素时,自动初始化swiper
observeParents: false, //修改swiper的父元素时,自动初始化swiper
onSlideChangeEnd: function(swiper) {     
swiper.update();     
swiper.startAutoplay();   
swiper.reLoop();  
}
})
</script>

mySwiper.reLoop(); 重新对需要循环的slide个数进行计算,当你改变了slidesPerView参数时需要用到,需要自动轮播的时候必须要加上;

swiper.update();  更新Swiper,这个方法包含了updateContainerSize,updateSlidesSize,updateProgress,updatePagination,updateClasses方法。也就是数据改变是重新初始化一次swiper;

mySwiper.startAutoplay(); 重新开始自动切换;

最新文章

  1. canvas钟表
  2. Get,Post请求中文乱码问题有效解决方法
  3. xcode的调试技巧
  4. Linux命令(20)查看当前网速
  5. Ext.Net学习笔记15:Ext.Net GridPanel 汇总(Summary)用法
  6. 转载:js和jquery获取父级元素、子级元素、兄弟元素的方法
  7. 高焕堂《android从程序员到架构师之路》 YY讲坛直面大师学习架构设计
  8. M、V、C
  9. springMVC+Hibernate配置
  10. JavaScript设计模式_10_职责链模式
  11. c#基础知识索引器
  12. c/c++ 重载运算符 ==和!=的重载
  13. 30. pt-upgrade
  14. 初学Python——函数
  15. Selecting Courses POJ - 2239(我是沙雕吧 按时间点建边 || 匹配水题)
  16. framework4.0 IIS7下urlrewriter设置问题
  17. 牛客网NOIP赛前集训营-普及组(第一场)
  18. 51 nod 1243 排船的问题
  19. 每日英语:Tech Firms Flock to Vietnam
  20. C#的Xamarin开发小米盒子应用并以WCF实现微信通知

热门文章

  1. C项目实践--贪吃蛇(2)
  2. (2)mac下安装MySql数据库软件
  3. mysql08---优化01
  4. redhat输入用户名密码后又跳回到登录
  5. LOJ114_k 大异或和_线性基
  6. Splay基本操作
  7. Consistent Hashing算法
  8. Robotframework之Run Keyword And Return Status和Run Keyword
  9. Excel学习 -- 数据透视表功能
  10. bzoj 3612: [Heoi2014]平衡【整数划分dp】