Baldit Posted September 28, 2011 Report Share Posted September 28, 2011 Bom dia,Então, eu coloquei um slide show no meu site porém ele só funciona no Google Chrome. O código que poem na página que ele fica é esse: <script type="text/javascript"> window.addEvent('domready',function(){ var hs1 = new noobSlide({ box: $('slide-inicial'), items:[1,2,3,4,5,6,7], size: 950, autoPlay:1, // true, interval:3000, // 3000, fxOptions: { duration:500, // 500, transition: Fx.Transitions.Sine.easeOut, wait: false }, buttons: { previous: $('prev1'), next: $('next1') } }); }); </script>E se quiserem que eu poste no nome do ARQUIVO .JS é só avisar que eu coloco aqui.Obrigado! Quote Link to comment Share on other sites More sharing options...
0 fiote Posted September 28, 2011 Report Share Posted September 28, 2011 noobSlide com certeza não é um objeto nativo do javascript.Favor sempre postar qual framework você está usando, ou quais códigos externos estão embutidos no seu script. Quote Link to comment Share on other sites More sharing options...
0 Baldit Posted September 28, 2011 Author Report Share Posted September 28, 2011 noobSlide com certeza não é um objeto nativo do javascript.Favor sempre postar qual framework você está usando, ou quais códigos externos estão embutidos no seu script.Aqui está o arquivo.JS que faz parte do slide./* Author: luistar15, <leo020588 [at] gmail.com> License: MIT-style license. Class PQSoftsImageSlide (rev.17-04-08) Arguments: options - see Options below Options: box: dom element | required items: dom collection | required size: int | item size (px) | default: 240 mode: string | 'horizontal', 'vertical' | default: 'horizontal' interval: int | for peridical | default: 5000 buttons:{ previous: single dom element OR dom collection| default: null next: single dom element OR dom collection | default: null play: single dom element OR dom collection | default: null playback: single dom element OR dom collection | default: null stop: single dom element OR dom collection | default: null } button_event: string | event type | default: 'click' handles: dom collection | default: null handle_event: string | event type| default: 'click' fxOptions: object | Fx.Style options | default: {duration:500,wait:false} autoPlay: boolean | default: false onWalk: event | pass arguments: currentItem, currentHandle | default: null startItem: int Properties: box: dom element items: dom collection size: int mode: string interval: int buttons: object button_event: string handles: dom collection handle_event: string previousIndex: int nextIndex: int fx: Fx.style instance autoPlay: boolean onWalk: function Methods: previous(manual): walk to previous item manual: bolean | default:false next(manual): walk to next item manual: bolean | default:false play (delay,direction,wait): auto walk items delay: int | required direction: string | "previous" or "next" | required wait: boolean | required stop(): sopt auto walk walk(item,manual): walk to item item: int | required manual: bolean | default:false addHandleButtons(handles): handles: dom collection | required addActionButtons(action,buttons): action: string | "previous", "next", "play", "playback", "stop" | required buttons: dom collection | required */ var noobSlide = new Class({ initialize: function(params){ this.items = params.items; this.mode = params.mode || 'horizontal'; this.modes = {horizontal:['left','width'], vertical:['top','height']}; this.size = params.size || 240; this.box = params.box.setStyle(this.modes[this.mode][1],(this.size*this.items.length)+'px'); this.button_event = params.button_event || 'click'; this.handle_event = params.handle_event || 'click'; this.interval = params.interval || 5000; this.buttons = {previous: [], next: [], play: [], playback: [], stop: []}; if(params.buttons){ for(var action in params.buttons){ this.addActionButtons(action, $type(params.buttons[action])=='array' ? params.buttons[action] : [params.buttons[action]]); } } this.handles = params.handles || null; if(this.handles){ this.addHandleButtons(this.handles); } this.fx = new Fx.Style(this.box,this.modes[this.mode][0],params.fxOptions||{duration:500,wait:false}); this.onWalk = params.onWalk || null; this.currentIndex = params.startItem || 0; this.previousIndex = null; this.nextIndex = null; this.autoPlay = params.autoPlay || false; this._auto = null; this.box.setStyle(this.modes[this.mode][0],(-this.currentIndex*this.size)+'px'); if(params.autoPlay) this.play(this.interval,'next',true); }, previous: function(manual){ this.currentIndex += this.currentIndex>0 ? -1 : this.items.length-1; this.walk(null,manual); }, next: function(manual){ this.currentIndex += this.currentIndex<this.items.length-1 ? 1 : 1-this.items.length; this.walk(null,manual); }, play: function(delay,direction,wait){ this.stop(); if(!wait){ this[direction](false); } this._auto = this[direction].periodical(delay,this,false); }, stop: function(){ $clear(this._auto); }, walk: function(item,manual){ if($defined(item)){ if(item==this.currentIndex) return; this.currentIndex=item; } this.previousIndex = this.currentIndex + (this.currentIndex>0 ? -1 : this.items.length-1); this.nextIndex = this.currentIndex + (this.currentIndex<this.items.length-1 ? 1 : 1-this.items.length); if(manual){ this.stop(); } this.fx.start(-this.currentIndex*this.size); if(this.onWalk){ this.onWalk(this.items[this.currentIndex],(this.handles?this.handles[this.currentIndex]:null)); } if(manual && this.autoPlay){ this.play(this.interval,'next',true); } }, addHandleButtons: function(handles){ for(var i=0;i<handles.length;i++){ handles[i].addEvent(this.handle_event,this.walk.bind(this,[i,true])); } }, addActionButtons: function(action,buttons){ for(var i=0; i<buttons.length; i++){ switch(action){ case 'previous': buttons[i].addEvent(this.button_event,this.previous.bind(this,true)); break; case 'next': buttons[i].addEvent(this.button_event,this.next.bind(this,true)); break; case 'play': buttons[i].addEvent(this.button_event,this.play.bind(this,[this.interval,'next',false])); break; case 'playback': buttons[i].addEvent(this.button_event,this.play.bind(this,[this.interval,'previous',false])); break; case 'stop': buttons[i].addEvent(this.button_event,this.stop.bind(this)); break; } this.buttons[action].push(buttons[i]); } } }); Quote Link to comment Share on other sites More sharing options...
Question
Baldit
Bom dia,
Então, eu coloquei um slide show no meu site porém ele só funciona no Google Chrome. O código que poem na página que ele fica é esse:
E se quiserem que eu poste no nome do ARQUIVO .JS é só avisar que eu coloco aqui.
Obrigado!
Link to comment
Share on other sites
2 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.