RotatingBanner JS插件 v2.4.1

轮播Banner（不含样式）

安装：npm install TopuNet-RotatingBanner

文件结构：

	1. RotatingBanner.js 放入项目文件夹jq（原生规范）或widget/lib（AMD规范）中

页面引用：

	1. 在页面中布局轮播图样式，可参考demo

原生引用：

	2. 页面底端引用最新版 jquery.min.js#1.x.x 或 zepto.min.js
	3. Jquery后引用 /jq/RotatingBanner.js

requireJS引用：

	2. 依赖RotatingBanner.js和(jquery.min.js#1.x 或 zepto.js)，成功后返回对象RotatingBanner

功能配置及启用：

// Banner1
var RotatingBanner_obj = {
        effect: null, // 过渡效果。move-横向移动；fade-淡出。默认 "move"
        mobile_effect: null, // 移动端效果：touchstart暂停、touchend重启并判断touchmove-x距离决定是否左右滑屏1次。effect=move时有效。默认false
        mobile_effect_touchmove_distance_vw: null, // 采用移动端效果时，监听触摸滑屏的起效距离，单位vw，默认30
        autoPlay: null, // 自动播放：left/right/null，默认值：null。effect=move时，left和right效果一致
        box_selector: null, // 外盒选择器，默认值：section.banner
        pic_ul_selector: null, // 图片li的ul盒选择器，此盒必须存在于box_selector中，且值中不用包含box_selector。默认值：ul.pic_ul
        pic_li_selector: null, // 图片li的选择器，此盒必须存在于pic_ul_selector中，且值中不用包含pic_ul_selector。解决li中含有子li的问题。默认值: li
        point_ul_selector: null, // 圆点li的ul盒选择器，空字符串为无圆点。此盒不必存在于box_selector中。默认值：section.banner ul.point_ul。
        point_autoCreate: null, // 自动生成圆点，默认值：false
        point_li_selected_className: null, // 圆点高亮li的className，默认值：selected
        arrow_left_selector: null, // 左箭头的盒选择器，此盒不必存在于box_selector中。null为无左箭头。默认值：null
        arrow_right_selector: null, // 右箭头的盒选择器，此盒不必存在于box_selector中。null为无右箭头。默认值：null
        duration: null, // 动画过渡时间，毫秒。默认500
        resize_li: null, // 自动改变li的宽高为外盒的宽高，默认true
        distance: null, // 自动轮播和圆点点击时，滚动距离：distance个li；不为1时，只支持单行多列平铺的li。默认为1。
        delay: null, // 动画间隔，毫秒。默认5000
        move_callback: function(pointer_now) {} // 切屏后的回调 @pointer_now：当前第几屏，0为第一个
    };
    var RotatingBanner_1 = new RotatingBanner();
    RotatingBanner_1.init(RotatingBanner_obj);

    // Banner2
    RotatingBanner_obj = { };
    var RotatingBanner_2 = new RotatingBanner();
    RotatingBanner_2.init(RotatingBanner_obj);

暂停自动轮播：

	RotatingBanner_1.Pause();

重启自动轮播：

	RotatingBanner_1.reStart(direction); // direction:"left"||"right"，默认"left"

demo路由：

1. /：pc端原生引用

2. /amd：pc端requirejs引用

3. /mobile：移动端move效果

4. /mobile_fade：移动端fade效果

更新历史：

v2.4.1

	1. 增加参数：move_callback: function(pointer_now) {} // 切屏后的回调 @pointer_now：当前第几屏，0为第一个

v2.3.1

	1. 增加参数：pic_li_selector: null, // 图片li的选择器，此盒必须存在于pic_ul_selector中，且值中不用包含pic_ul_selector。解决li中含有子li的问题。默认值: li
	2. 修改移动端原地点击也能触发动画的bug
	3. 修改Readme中一些参数描述的不太准确的问题

v2.2.1

	1. 增加淡出效果切换。参数中增加"effect"，move-横向移动；fade-淡出。默认 "move"
	2. 修改demo，增加demo/mobile_fade，但ios端淡出效果有瑕疵，闪屏。未能解决。

v2.1.2

	1. 做了IE9-兼容。IE9+用transition，IE9-用$.animate

v2.1.1

	1. 用transform(translateX)替代$.animate，暂没做IE9-兼容

v1.7.5

	1. 解决一屏滚动多个单位元素时(distance>1)，圆点切换不对的bug
	2. 增加point_autoCreate参数，为true时，自动清空point_ul盒，并根据屏数自动生成li
	3. 修改distance参数注释
	4. 修改demo

v1.7.4

	1. 解决只有一张图片且resize_li为true时，图片不显示的bug
	2. 当只有一张图片或没有图片时，不自动轮播，也不监听小圆点及左右箭头的点击事件

v1.7.3

	1. 通过jshint验证

v1.7.2

	1. 修改安卓微信浏览器的bug

v1.7.1

	1. 增加移动端支持：touchstart暂停、touchend重启 并 判断touchmove-x距离决定是否左右滑屏1次。修改相应调用。
	2. 修改demo，增加mobile.html，可通过/mobile路由渲染；可通过/amd路由渲染demo_requirejs.html

v1.6.2

	1. 在dist文件夹中，增加package.json
	2. 将dist发布到npm：TopuNet-RotatingBanner

v1.6.1

	1. 兼容原生JS和AMD规范
	2. 修改demo

v1.5.1

	1. 优化内部代码结构。
	2. 相应的，修改调用代码

v1.4.3

	1. 修改bug：zepto不支持outerWidth()和outerHeight()

v1.4.1

	1. 增加暂停自动轮播和重启自动轮播功能。
	2. 修改一些小bug。

v1.3.1

	1. 修复插件内clone方法使用过多导致内存溢出的bug。
	2. 修复多处ul盒选择器未使用传参值的bug。
	3. 增加参数：resize_li和distance。目的见4。相应的，修改功能配置及启用代码。
	4. 支持图片列表轮播时一屏内显示多张图片，并支持一次滚动一屏或滚动n张图片的选择。
	5. 修改demo。

v1.2.2:

	修复BUG：点击圆点滚动多屏时滚动终止位置不对。

v1.2.1：

	1. 修改参数 pic_ul_selector和point_ul_selector注释。
	2. 圆点li的选择器，不再固定于box_selector内，方便调用时灵活放置圆点（比如可以小缩略图的形式展现大图，点击则切换到相应大图）。
	3. 上一个版本中的demo在demo.html页传参测试忘复原了，已复原。
	4. 同一页面支持多个轮播。相应的，修改功能配置及启用代码。
	5. 增加左右箭头，点击时滚动一屏。
	6. 修改demo

v1.1.1：

	增加参数：圆点高亮li的样式名