first commit

项目合集/轮播/插件版/笔记.txt

@@ -0,0 +1,49 @@
+实现的功能：
+
+自定义参数：
+【完成】1：loop: false // 循环模式选项
+【完成】2：自动播放
+
+   autoPlay: true // false
+   autoTime: 3(默认) 用户可以自定义
+
+【完成】3：是否需要前进后退按钮
+	如果需要
+  1：写上html
+  2：
+	  // 如果需要前进后退按钮
+	  navigation: {
+	    nextEl: '.swiper-button-next',
+	    prevEl: '.swiper-button-prev',
+	  },
+
+【完成】4：是否需要小圆点
+  如果需要
+  1：写上html
+  2：
+    pagination: {
+      el: '.swiper-pagination',
+    },
+
+【完成】5：initialSlide: 0(默认) 设置显示第几张图
+【完成】6：speed: 300(默认) 设置图片切换的速度
+7：direction: horizontal(默认) 播放的方向 vertical
+
+功能（方法）：
+
+1：slideChange() 轮播图切换的时候，调用这个方法，返回下标
+new Swiper('.swiper-container',{
+  on:{
+    slideChange: function(){
+      alert('改变了，activeIndex为'+this.activeIndex);
+    },
+  },
+})
+
+mySwiper.on('slideChange', function () {
+  //...
+});
+
+2：slideTo(index)  传入参数，切换轮播图
+
+3: stop() start() 停止，开始自动播放