3.0.0

ximan · Feb 27, 2015 · fe6c1ad · fe6c1ad
1 parent b937a40
commit fe6c1ad
Show file tree

Hide file tree

Showing 7 changed files with 329 additions and 333 deletions.
diff --git a/Changelog.md b/Changelog.md
@@ -0,0 +1,36 @@
+### 3.0.0(150227)
+
+* 重构js
+* 支持resize
+* 修改回调callback写法
+
+### 2.2.1(150130)
+
+* 优化懒加载时js阻塞导致轮播图片无法显示
+
+### 2.2(150112)
+
+* 修复Chrome模拟器touch变鼠标后js报错
+* 修复只有1个轮播时禁止自动切换
+
+### 2.1(150105)
+
+* 支持Windows Phone
+
+### 2.0(141007)
+
+* 支持选择连续滚动
+* 支持选择滚动轴
+* 增加过渡效果（cubic-bezier）
+
+### 1.1(140930)
+
+* 支持Zepto精简版或jQuery 2.x库，去掉Zepto Touch模块依赖
+* 增加图片跟手滑动
+* 改善部分Android浏览器滑动卡顿
+
+### 1.0(140905)
+
+* 支持选择自动或手动切换
+* 支持改变切换速度
+* 支持图片懒加载
diff --git a/README.md b/README.md
@@ -1,7 +1,11 @@
 # swipeSlide for Zepto/jQuery Plugin
 
+## 简介
+
 移动端（基于Zepto/jQuery）的轮播插件：<http://ons.me/500.html>
 
+## 示例
+
 ![扫一扫](website.png)
 [DEMO链接](http://ons.me/wp-content/uploads/2014/09/swipeSlide/index.html)
 
@@ -11,33 +15,16 @@
 ![扫一扫](website-text.png)
 [DEMO链接](http://ons.me/wp-content/uploads/2014/09/swipeSlide/full-screen-text.html)
 
-### v2.2.1:
-
-* 优化懒加载时js阻塞导致轮播图片无法显示
-
-### v2.2:
-
-* 修复Chrome模拟器touch变鼠标后js报错
-* 修复只有1个轮播时禁止自动切换
-
-### v2.1:
-
-* 支持Windows Phone
-
-### v2.0:
+## 依赖
 
-* 支持选择连续滚动
-* 支持选择滚动轴
-* 增加过渡效果（cubic-bezier）
+Zepto 或者 jQuery
 
-### v1.1:
+## 最新版本
 
-* 支持Zepto精简版或jQuery 2.x库，去掉Zepto Touch模块依赖
-* 增加图片跟手滑动
-* 改善部分Android浏览器滑动卡顿
+### 3.0.0(150227)
 
-### v1.0:
+* 重构js
+* 支持resize
+* 修改回调callback写法
 
-* 支持选择自动或手动切换
-* 支持改变切换速度
-* 支持图片懒加载
+[所有更新日志](Changelog.md)
diff --git a/full-screen-pic.html b/full-screen-pic.html
@@ -1,8 +1,8 @@
 <!doctype html>
+<html lang="zh-cn">
 <head>
-    <meta charset="UTF-8">
+    <meta name="viewport" content="initial-scale=1, user-scalable=0" charset="UTF-8">
     <title>swipeSlide</title>
-    <meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui">
 <style>
 *{
     margin: 0;

diff --git a/full-screen-text.html b/full-screen-text.html
@@ -1,8 +1,8 @@
 <!doctype html>
+<html lang="zh-cn">
 <head>
-    <meta charset="UTF-8">
+    <meta name="viewport" content="initial-scale=1, user-scalable=0" charset="UTF-8">
     <title>swipeSlide</title>
-    <meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui">
 <style>
 *{
     margin: 0;
@@ -114,9 +114,10 @@ <h1>第五个的标题</h1>
 <script>
 $(function(){
     $('.full').swipeSlide({
-        autoSwipe:false
-    },function(i){
-        $('.full li').eq(i).addClass('cur').siblings().removeClass('cur');
+        autoSwipe:false,
+        callback:function(i){
+            $('.full li').eq(i).addClass('cur').siblings().removeClass('cur');
+        }
     });
 });
 </script>

diff --git a/index.html b/index.html
@@ -1,8 +1,8 @@
 <!doctype html>
+<html lang="zh-cn">
 <head>
-    <meta charset="UTF-8">
+    <meta name="viewport" content="initial-scale=1, user-scalable=0" charset="UTF-8">
     <title>swipeSlide</title>
-    <meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui">
 <style>
 *{
     margin: 0;
@@ -45,6 +45,7 @@
     width: 100%;
     height: 100%;
 }
+/* 解决js阻塞页面显示首屏 */
 .slide li:first-child{
     z-index: 1;
 }
@@ -73,6 +74,10 @@
 .slide .dot .cur{
     background-color: #fff;
 }
+/* 测试横竖屏 */
+#slide1{
+    width: 320px;
+}
 </style>
 </head>
 <body>
@@ -186,9 +191,10 @@ <h2><a href="http://ons.me/500.html" target="_blank">swipeSlide for Zepto/jQuery
     $('#slide3').swipeSlide({
         continuousScroll:true,
         speed : 3000,
-        transitionType : 'cubic-bezier(0.22, 0.69, 0.72, 0.88)'
-    },function(i){
-        $('.dot').children().eq(i).addClass('cur').siblings().removeClass('cur');
+        transitionType : 'cubic-bezier(0.22, 0.69, 0.72, 0.88)',
+        callback : function(i){
+            $('.dot').children().eq(i).addClass('cur').siblings().removeClass('cur');
+        }
     });
 });
 </script>