(gelöst)pk_noobslider unter Contao 3.x
Liebe Community,
ich habe ein Problem mit dem pk_noobslider.
Ich möchte ihn als News-slider verwenden.
Leider sehe ich auf der Seite nichts.
Habe schon mootools geladen, aber es bleibt tot.
Hier der Link. Der Slider ist unter dem Bild Leistungen eingebaut.
www.teutodata.de
Danke für jeden tipp!
avogt
Firefox gibt einen Fehler:
var noobSlide=new Class({initialize:function(b){this.items=b.items;t his.mode=b.mode||"horizontal";this.fade=b.fade||fa lse;this.modes={horizontal:["left","width"],vertical:["top","height"]};this.size=b.size||240;this.box=b.box.setStyle(th is.modes[this.mode][1],(this.size*this.items.length)+"px");this.divEleme nts=b.divElements;this.button_event=b.button_event ||"click";this.handle_event=b.handle_event||"click ";this.previewItems_event=b.previewItems_event||"c lick";this.onWalk=b.onWalk||null;this.currentIndex =null;this.previousIndex=null;this.nextIndex=null; this.interval=b.interval||5000;this.autoPlay=b.aut oPlay||false;this._play=null;this.handles=b.handle s||null;this.previewItems=b.previewItems||null;thi s.fadeDuration=b.fadeDuration;this.random=b.random ||false;if(this.handles){this.addHandleButtons(thi s.handles,this.handle_event)}if(this.previewItems) {this.addHandleButtons(this.previewItems,this.prev iewItems_event)}this.buttons={previous:[],next:[],play:[],playback:[],stop:[]};if(b.addButtons){for(var a in b.addButtons){this.addActionButtons(a,$type(b.addB uttons[a])=="array"?b.addButtons[a]:[b.addButtons[a]])}}if(this.fade){this.orderItems(b);this.fading((b .startItem||0),true,true,true)}else{this.fx=new Fx.Tween(this.box,$extend((b.fxOptions||{duration: 500,wait:false}),{property:this.modes[this.mode][0]}));this.walk((b.startItem||0),true,true,true)}},o rderItems:function(){for(i=0;i<this.items.length;i ++){$$(this.divElements)[i].setStyle("position","absolute");$$(this.divElemen ts)[i].setStyle("left","0px");$$(this.divElements)[i].setStyle("z-index",i+1);if(i>0){$$(this.divElements)[i].fade("out");$$(this.divElements)[i].setStyle("display","none")}}},addHandleButtons:fu nction(b,c){for(var a=0;a<b.length;a++){if(this.fade){b[a].addEvent(c,this.fading.pass([a,true],this))}else{b[a].addEvent(c,this.walk.pass([a,true],this))}}},addActionButtons:function(c,b){for(var a=0;a<b.length;a++){switch(c){case"previous":b[a].addEvent(this.button_event,this.previous.pass([true],this));break;case"next":b[a].addEvent(this.button_event,this.next.pass([true],this));break;case"play":b[a].addEvent(this.button_event,this.play.pass([this.interval,"next",false],this));break;case"playback":b[a].addEvent(this.button_event,this.play.pass([this.interval,"previous",false],this));break;case"stop":b[a].addEvent(this.button_event,this.stop.create({bind :this}));break}this.buttons[c].push(b[a])}},previous:function(a){if(this.fade){this.fading ((this.currentIndex>0?this.currentIndex-1:this.items.length-1),a)}else{this.walk((this.currentIndex>0?this.cur rentIndex-1:this.items.length-1),a)}},next:function(a){if(this.fade){this.fading ((this.currentIndex<this.items.length-1?this.currentIndex+1:0),a)}else{this.walk((this.c urrentIndex<this.items.length-1?this.currentIndex+1:0),a)}},play:function(a,c,b) {this.stop();if(!b){this[c](false)}this._play=this[c].periodical(a,this,[false])},stop:function(){$clear(this._play)},walk:functi on(c,b,a,d){if(this.random&&!b||d){this.changeInde x()}if(!this.random||b&&!d){this.currentIndex=c;th is.previousIndex=this.currentIndex+(this.currentIn dex>0?-1:this.items.length-1);this.nextIndex=this.currentIndex+(this.currentI ndex<this.items.length-1?1:1-this.items.length)}if(b){this.stop()}if(a){this.fx .cancel().set((this.size*-this.currentIndex)+"px")}else{this.fx.cancel().sta rt(this.size*-this.currentIndex)}if(b&&this.autoPlay){this.play( this.interval,"next",true)}if(this.onWalk){this.on Walk((this.items[this.currentIndex]||null),(this.handles&&this.handles[this.currentIndex]?this.handles[this.currentIndex]:null))}},fading:function(c,b,a,d){if(this.random& &!b||d){this.changeIndex()}if(!this.random||b&&!d) {this.lastIndex=this.currentIndex;this.currentInde x=c;this.previousIndex=this.currentIndex+(this.cur rentIndex>0?-1:this.items.length-1);this.nextIndex=this.currentIndex+(this.currentI ndex<this.items.length-1?1:1-this.items.length)}$$(this.divElements)[this.currentIndex].set("tween",{duration:(this.fadeDuration?this.fad eDuration:500)});if(b){this.stop()}if(a){$$(this.d ivElements)[this.currentIndex].fade("show");$$(this.divElements)[this.currentIndex].setStyle("display","block")}else{$$(this.divEleme nts)[this.currentIndex].fade("in");$$(this.divElements)[this.currentIndex].setStyle("display","block");if(this.currentIndex! =this.lastIndex){$$(this.divElements)[this.lastIndex].fade("out")}}if(b&&this.autoPlay){this.play(this. interval,"next",true)}if(this.onWalk){this.onWalk( (this.items[this.currentIndex]||null),(this.handles&&this.handles[this.currentIndex]?this.handles[this.currentIndex]:null))}},changeIndex:function(){var b=this.items.length,a=this.currentIndex;if(this.ra ndom&&b>1){do{a=Math.floor((Math.random()*b));if(a ==this.currentIndex){a=Math.floor((Math.random()*b ))}}while(a==this.currentIndex);this.lastIndex=thi s.currentIndex;this.currentIndex=a;this.previousIn dex=this.currentIndex+(this.currentIndex>0?-1:this.items.length-1);this.nextIndex=this.currentIndex+(this.currentI ndex<this.items.length-1?1:1-this.items.length)}}});
