Jestem kompletnie zielony w JAVIE, ale zechciałem wrzucić sobie znaleziony w internecie skrypt na stronę. Mam jednak jeden problem, slajder za szybko przestawia mi się na kolejne plansze. Przeglądałem już kod źródłowy i próbowałem zmian w wielu miejscach, które wydawały mi się zasadne, ale nie udało mi się wydłużyć czasu pomiędzy poszczególnymi slajdami. Stąd moja wielka prośba o pomoc, kod poniżej.
Kod
Element.Events.extend({
'wheelup': {
type: Element.Events.mousewheel.type,
map: function(event){
event = new Event(event);
if (event.wheel >= 0) this.fireEvent('wheelup', event)
}
},
'wheeldown': {
type: Element.Events.mousewheel.type,
map: function(event){
event = new Event(event);
if (event.wheel <= 0) this.fireEvent('wheeldown', event)
}
}
});
////
if( typeof(LofSlideshow) == 'undefined' ){
var LofFlashContent = new Class( {
initialize:function( eMain, eNavigator, eNavOuter, options ){
this.setting = Object.extend({
autoStart : true,
descStyle : 'sliding',
mainItemSelector : 'div.lof-main-item',
navSelector : 'li' ,
navigatorEvent : 'click',
interval : 2000,
auto : false,
navItemsDisplay : 3,
startItem : 0,
navItemHeight : 100
}, options || {} );
this.currentNo = 0;
this.nextNo = null;
this.previousNo = null;
this.fxItems = [];
this.minSize = 0;
if( $defined(eMain) ){
this.slides = eMain.getElements( this.setting.mainItemSelector );
this.maxWidth = eMain.getStyle('width').toInt();
this.maxHeight = eMain.getStyle('height').toInt();
this.styleMode = this.__getStyleMode();
var fx = Object.extend({waiting:false}, this.setting.fxObject );
this.slides.each( function(item, index) {
item.setStyles( eval('({"'+this.styleMode[0]+'": index * this.maxSize,"'+this.styleMode
[1]+'":Math.abs(this.maxSize),"display" : "block"})') );
this.fxItems[index] = new Fx.Styles( item, fx );
}.bind(this) );
if( this.styleMode[0] == 'opacity' || this.styleMode[0] =='z-index' ){
this.slides[0].setStyle(this.styleMode[0],'1');
}
eMain.addEvents( { 'mouseenter' : this.stop.bind(this),
'mouseleave' :function(e){
this.play( this.setting.interval,'next', true );}.bind(this) } );
}
if( $defined(eNavigator) && $defined(eNavOuter) ){
this.navigatorItems = eNavigator.getElements( this.setting.navSelector );
if( this.setting.navItemsDisplay > this.navigatorItems.length ){
this.setting.navItemsDisplay = this.navigatorItems.length;
}
eNavOuter.setStyle( 'height',this.setting.navItemsDisplay*this.setting.navItemHeight);
this.navigatorFx = new Fx.Style( eNavigator, 'top',
{transition:Fx.Transitions.Quad.easeInOut,duration:800} );
this.registerMousewheelHandler( eNavigator ); // allow to use the srcoll
this.navigatorItems.each( function(item,index) {
item.addEvent( this.setting.navigatorEvent, function(){
this.jumping( index, true );
this.setNavActive( index, item );
}.bind(this) );
item.setStyle( 'height', this.setting.navItemHeight );
}.bind(this) );
this.setNavActive( 0 );
}
},
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.stop().start( -this.setting.startItem*this.setting.navItemHeight );
},
setNavActive:function( index, item ){
if( $defined(this.navigatorItems) ){
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 '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'];
}
i druga część kodu (nie zmieściło się w jednym poście)
Kod
},
registerMousewheelHandler:function( element ){
element.addEvents({
'wheelup': function(e) {
e = new Event(e).stop();
this.previous(true);
}.bind(this),
'wheeldown': function(e) {
e = new Event(e).stop();
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 ) {
var images = []
this.slides.getElements('img').each( function(item, index){
images[index] = item.getProperty('src');
} );
this.preloadImages( images, this.onComplete(obj) );
} else {
if( this.setting.auto && this.slides.length > 0 ){
this.play( this.setting.interval,'next', true );}
}
},
onComplete:function( obj ){
(function(){
new Fx.Style( obj ,'opacity',{ transition:Fx.Transitions.Quad.easeInOut,
duration:800} ).start
(1,0)}).delay(400);
if( this.setting.auto && this.slides.length > 0 ){
this.play( this.setting.interval,'next', true );}
},
preloadImages:function( images, _options ){
var options=Object.extend({
onComplete:function(){},
onProgress:function(){}
},_options||{});
var loaded=[];
var counter=0;
images.each( function( image ){
var img = new Asset.image(image, {
'onload': function(){
options.onProgress.call(this, counter, images.indexOf(image));
counter++;
if (counter == images.length) options.onComplete();
},
'onerror': function(){
options.onProgress.call(this, counter, images.indexOf(image));
counter++;
if (counter == images.length) options.onComplete();
}
});
});
},
onProcessing:function( manual, start, end ){
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.setNavActive( this.currentNo );
this.play( this.setting.interval,'next', true );
}
},
getObjectDirection:function( start, end ){
return eval("({'"+this.styleMode[0]+"':["+start+", "+end+"]})");
},
fxStart:function( index, obj ){
this.fxItems[index].stop().start( obj );
return this;
},
jumping:function( no, manual ){
this.stop();
if( this.currentNo == no ) return;
this.onProcessing( null, manual, 0, this.maxSize )
.fxStart( no, this.getObjectDirection(this.maxSize , this.minSize) )
.fxStart( this.currentNo, this.getObjectDirection(this.minSize, -this.maxSize) )
.finishFx( manual );
this.currentNo = no;
},
next:function( manual , item){
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 ){
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 ); }
} );
}
registerMousewheelHandler:function( element ){
element.addEvents({
'wheelup': function(e) {
e = new Event(e).stop();
this.previous(true);
}.bind(this),
'wheeldown': function(e) {
e = new Event(e).stop();
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 ) {
var images = []
this.slides.getElements('img').each( function(item, index){
images[index] = item.getProperty('src');
} );
this.preloadImages( images, this.onComplete(obj) );
} else {
if( this.setting.auto && this.slides.length > 0 ){
this.play( this.setting.interval,'next', true );}
}
},
onComplete:function( obj ){
(function(){
new Fx.Style( obj ,'opacity',{ transition:Fx.Transitions.Quad.easeInOut,
duration:800} ).start
(1,0)}).delay(400);
if( this.setting.auto && this.slides.length > 0 ){
this.play( this.setting.interval,'next', true );}
},
preloadImages:function( images, _options ){
var options=Object.extend({
onComplete:function(){},
onProgress:function(){}
},_options||{});
var loaded=[];
var counter=0;
images.each( function( image ){
var img = new Asset.image(image, {
'onload': function(){
options.onProgress.call(this, counter, images.indexOf(image));
counter++;
if (counter == images.length) options.onComplete();
},
'onerror': function(){
options.onProgress.call(this, counter, images.indexOf(image));
counter++;
if (counter == images.length) options.onComplete();
}
});
});
},
onProcessing:function( manual, start, end ){
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.setNavActive( this.currentNo );
this.play( this.setting.interval,'next', true );
}
},
getObjectDirection:function( start, end ){
return eval("({'"+this.styleMode[0]+"':["+start+", "+end+"]})");
},
fxStart:function( index, obj ){
this.fxItems[index].stop().start( obj );
return this;
},
jumping:function( no, manual ){
this.stop();
if( this.currentNo == no ) return;
this.onProcessing( null, manual, 0, this.maxSize )
.fxStart( no, this.getObjectDirection(this.maxSize , this.minSize) )
.fxStart( this.currentNo, this.getObjectDirection(this.minSize, -this.maxSize) )
.finishFx( manual );
this.currentNo = no;
},
next:function( manual , item){
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 ){
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 ); }
} );
}
Nikt nie wie?
)