Ir para conteúdo
Fórum Script Brasil
  • 0

Slide não funciona no mozilla firefox


Baldit

Pergunta

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!

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0
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]);
        }
    }
    
});

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...