продолжение кода
if( this.setting.auto ){
// this.registerMousewheelHandler( eNavigator ); // allow to use the srcoll
}
this.navigatorItems.each( function(item,index) {
item.addEvent( this.setting.navigatorEvent, function(){
if( this.onClick ) return ;
this.jumping( index, true );
this.setNavActive( index, item );
}.bind(this) );
item.setStyles( { 'height' : this.setting.navItemHeight,
'width' : this.setting.navItemWidth} );
}.bind(this) );
// set default setting
this.currentNo=this.setting.startItem.toInt()>this.slides.length?this.slides.length:this.setting.startItem.toInt();
this.setNavActive( this.currentNo );
this.slides.setStyle(this.styleMode[0] ,this.maxSize );
this.slides[this.currentNo].setStyle(this.styleMode[0] ,this.minSize );
}
},
navivationAnimate:function( currentIndex ) {
if (currentIndex <= this.setting.startItem
|| currentIndex - this.setting.startItem >= this.setting.navItemsDisplay-1) {
this.setting.startItem = currentIndex - this.setting.navItemsDisplay+2;
if (this.setting.startItem < 0) this.setting.startItem = 0;
if (this.setting.startItem >this.slides.length-this.setting.navItemsDisplay) {
this.setting.startItem = this.slides.length-this.setting.navItemsDisplay;
}
}
this.navigatorFx.cancel().start( this.navigatorMode,-this.setting.startItem*this.navigatorSlideSize );
},
setNavActive:function( index, item ){
if( $defined(this.navigatorItems) && $defined( this.navigatorItems[index] ) ){
this.navigatorItems.removeClass('active');
this.navigatorItems[index].addClass('active');
this.navivationAnimate( this.currentNo );
}
},
__getStyleMode:function(){
switch( this.setting.direction ){
case 'opacity': this.maxSize=0; this.minSize=1; return ['opacity','opacity'];
case 'replace': this.maxSize=0; this.minSize=1; return ['display','display'];
case 'vrup': this.maxSize=this.maxHeight; return ['top','height'];
case 'vrdown': this.maxSize=-this.maxHeight; return ['top','height'];
case 'hrright': this.maxSize=-this.maxWidth; return ['left','width'];
case 'hrleft':
default: this.maxSize=this.maxWidth; return ['left','width'];
}
},
registerMousewheelHandler:function( element ){
element.addEvents({
'wheelup': function(e) {
e = new Event(e).cancel();
this.previous(true);
}.bind(this),
'wheeldown': function(e) {
e = new Event(e).cancel();
this.next(true);
}.bind(this)
} );
},
registerButtonsControl:function( eventHandler, objects, isHover ){
if( $defined(objects) && this.slides.length > 1 ){
for( var action in objects ){
if( $defined(this[action.toString()]) && $defined(objects[action]) ){
objects[action].addEvent( eventHandler, this[action.toString()].bind(this, true) );
}
}
}
return this;
},
start:function( isStart, obj ){
this.setting.auto = isStart;
// if use the preload image.
if( obj ) {
this.preloadImages( obj );
} else {
if( this.setting.auto && this.slides.length > 1 ){
this.play( this.setting.interval,'next', true );}
}
},
onComplete:function( obj ){
(function(){
obj.fade('out');
}).delay(500);
if( this.setting.auto && this.slides.length > 1 ){
this.play( this.setting.interval,'next', true );}
},
preloadImages:function( obj ){
var loaded=[];
var counter=0;
var self = this;
var _length = this.slides.getElements('img').length;
this.timer = setInterval( function(){
if(counter >= _length) {
$clear(self.timer);
self.onComplete( obj );
return true;
}
}, 200);
this.slides.getElements('img').each( function(img, index){
image = new Image();
image.src=img.src;
if( !image.complete ){
image.onload =function(){
counter++;
}
image.onerror =function(){
counter++;
}
}else {
counter++;
}
} );
},
onProcessing:function( manual, start, end ){
this.onClick = true;
this.previousNo = this.currentNo + (this.currentNo>0 ? -1 : this.slides.length-1);
this.nextNo = this.currentNo + (this.currentNo < this.slides.length-1 ? 1 : 1- this.slides.length);
return this;
},
finishFx:function( manual ){
if( manual ) this.stop();
if( manual && this.setting.auto ){
this.play( this.setting.interval,'next', true );
}
this.setNavActive( this.currentNo );
},
getObjectDirection:function( start, end ){
return eval("({'"+this.styleMode[0]+"':["+start+", "+end+"]})");
},
fxStart:function( index, obj ){
this.fxItems[index].cancel(true, false).start( obj );
return this;
},
jumping:function( no, manual ){
this.stop();
if( this.currentNo == no ) return;
var object = this.onProcessing( null, manual, 0, this.maxSize );
if( this.currentNo < no ){
object.fxStart( no, this.getObjectDirection(this.maxSize , this.minSize) );
object.fxStart( this.currentNo, this.getObjectDirection(this.minSize, -this.maxSize) );
} else {
object.fxStart( no, this.getObjectDirection(-this.maxSize , this.minSize) );
object.fxStart( this.currentNo, this.getObjectDirection(this.minSize, this.maxSize) );
}
object.finishFx( manual );
this.currentNo = no;
},
next:function( manual , item){
if( this.onClick ) return ;
this.currentNo += (this.currentNo < this.slides.length-1) ? 1 : (1 - this.slides.length);
this.onProcessing( item, manual, 0, this.maxSize )
.fxStart( this.currentNo, this.getObjectDirection(this.maxSize ,this.minSize) )
.fxStart( this.previousNo, this.getObjectDirection(this.minSize, -this.maxSize) )
.finishFx( manual );
},
previous:function( manual, item ){
if( this.onClick ) return ;
this.currentNo += this.currentNo > 0 ? -1 : this.slides.length - 1;
this.onProcessing( item, manual, -this.maxWidth, this.minSize )
.fxStart( this.nextNo, this.getObjectDirection(this.minSize, this.maxSize) )
.fxStart( this.currentNo, this.getObjectDirection(-this.maxSize, this.minSize) )
.finishFx( manual );
},
play:function( delay, direction, wait ){
this.stop();
if(!wait){ this[direction](false); }
this.isRun = this[direction].periodical(delay,this,true);
},stop:function(){ $clear(this.isRun ); clearInterval(this.isRun); }
} );
}