var zIndex = 100, gradient = this._reverse ? -1 : 1;
this._each( function(o){
var style = o.node.style;
style.position = "absolute"; style.zIndex = zIndex += gradient;
});
在_initNodes中，获取默认目标值时也要判断：
getDefaultTarget = this._reverse
? function(i){ return defaultSize * ( maxIndex - i ); }
: function(i){ return defaultSize * i; },
当_reverse为true时，由于定点位置是在索引的反方向，设置元素时也应该倒过来设的，所以要用maxIndex减一下。
在_setMove中，根据索引设置滑动目标值时，也要判断：
复制代码 代码如下:
if ( this._reverse ) {
var get = getTarget;
index = maxIndex - index;
getTarget = function(o, i){ return get( o, maxIndex - i ); }
}
不但滑动对象集合的索引要修正，展示对象的索引也要修正。
【自动展示扩展】
这次扩展用的是组合模式，原理参考的ImageZoom扩展篇的扩展模式部分。
不同的是加了一个属性扩展，用来添加扩展方法：
$$.extend( this, prototype );
注意不能添加到SlideView.prototype，这样会影响到SlideView的结构。
“自动展示”要实现的是滑动对象自动轮流展示，并且取消默认状态而实行强制展示，可以用在图片的轮换展示。
只要在SlideView后面加入自动展示扩展程序，并且auto参数设为true就会启用。
原理也很简单，就是每次滑动/移动完成后，用定时器执行下一次滑动就行了。
首先在"init"初始化程序中，增加一个_NEXT程序，用来展示下一个滑动对象：
this._NEXT = $$F.bind( function(){ this.show( this._index + 1 ); }, this );
其实就是把当前索引_index加1之后作为show的参数执行。
再增加一个_autoNext方法：
复制代码 代码如下:
if ( !this._autoPause ) {
clearTimeout(this._autoTimer);
this._autoTimer = setTimeout( this._NEXT, this.autoDelay );
}
作用是延时执行_NEXT程序，并且有一个_autoPause属性用来锁定执行。
然后设置几个需要执行的地方。
首先在"finish"完成滑动事件中，执行_autoNext方法，这样就实现了基本的自动展示了。
在鼠标进入滑动元素后，应该停止自动切换，所以在"enter"进入滑动元素事件中，会清除定时器并把_autoPause设为true来锁定。
对应地在"leave"鼠标离开容器事件中，要把_autoPause设回false解除锁定，再执行_autoNext方法重新启动自动程序。
并且在"leave"中设置autoClose为false，防止自动恢复默认状态。
最后还要重写reset：
reset.call( this, index == undefined ? this._index : index );
this._autoNext();
重写后的reset会强制设置索引来展示，并执行_autoNext进行下一次滑动。
【提示信息扩展】
“提示信息”效果是指每个滑动对象对应有一个提示信息（内容）的层（元素）。
这个提示信息会在滑动对象展示时展示，收缩和关闭时关闭。
只要加入提示信息扩展程序，并且tip参数设为true就会启用。
提示扩展支持四种位置提示：bottom、top、right、left。
在"init"中，根据自定义tipMode获取_tipPos坐标样式：
this._tipPos = /^(bottom|top|right|left)$/.test( this.options.tipPos.toLowerCase() ) ? RegExp.$1 : "bottom";
接着在"initNodes"定义一个能根据滑动元素获取提示元素的函数：
复制代码 代码如下:
var opt = this.options, tipTag = opt.tipTag, tipClass = opt.tipClass,
re = tipClass && new RegExp("(^|\\s)" + tipClass + "(\\s|$)"),
getTipNode = function(node){
var nodes = node.getElementsByTagName( tipTag );
if ( tipClass ) {
nodes = $$A.filter( nodes, function(n){ return re.test(n.className); } );
}
return nodes[0];
};
如果自定义了tipTag，就会根据标签来获取元素，否则就按默认值"*"获取全部元素。
如果自定义了tipClass，就会再根据className来筛选元素，注意可能包含多个样式，不能直接等于。
得到函数后，再创建提示对象：
复制代码 代码如下:
this._each( function(o) {
var node = o.node, tipNode = getTipNode(node);
node.style.overflow = "hidden";
tipNode.style.position = "absolute"; tipNode.style.left = 0;
o.tip = {
"node": tipNode,
"show": tipShow != undefined ? tipShow : 0,
"close": tipClose != undefined ? tipClose : -tipNode[offset]
};
});
先获取提示元素，并设置相关样式，再给滑动对象添加一个tip属性，保存对应的提示对象。
其中"node"属性保存提示元素，"show"是展示时的坐标值，"close"是关闭时的坐标值。
如果没有自定义tipShow，默认展示时坐标值是0，即提示元素刚好贴在滑动元素边上的位置；
如果没有自定义tipClose，默认关闭时坐标是提示元素的尺寸，即提示元素刚好隐藏在滑动元素外面的位置。
在"setMove"中设置提示移动目标值：
复制代码 代码如下: