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

Conflitos em Jquery


R_MontSerrat

Pergunta

Estou usando o scrolldeck e o scrollama, mas quando boto os dois acontece o conflito

<script type="text/javascript" src="js/queryLoader.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
       <script type="text/javascript" src="js/jquery.betterTooltip.js"></script>
        <script type="text/javascript" src="js/jquery.scrollTo-1.4.3.1.min.js"></script>
        <script type="text/javascript" src="js/jquery.scrolldeck.js"></script>
           <script src="js/jquery.lettering-0.6.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.scrollorama.js"></script>
        <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
        <script src="js/lib/jquery.min.js" type="text/javascript"></script>
        <script src="js/jquery.queryloader2.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">

        $(document).ready(function() {
                  
               var deck = new $.scrolldeck({
                buttons: '.nav-button',
                easing: 'easeInOutExpo'
                });
                        
                 // add other animations using the scrolldeck.controller (see Scrollorama plugin)
                 console.log(deck.controller);
                 deck.controller.animate('#menu',{ duration: 100, property:'opacity', end: 0 });
                  
        });



        $(document).ready(function() {
            
            // initialize the plugin, pass in the class selector for the sections of content (blocks)
            var scrollorama = $.scrollorama({ blocks:'.scrollblock' });
            
            // assign function to add behavior for onBlockChange event
            scrollorama.onBlockChange(function() {
                var i = scrollorama.blockIndex;
                $('#console')
                    .css('display','block')
                    .text('onBlockChange | blockIndex:'+i+' | current block: '+scrollorama.settings.blocks.eq(i).attr('id'));
            });
            
            
            // animate some examples
            scrollorama.animate('#unpin',{ duration:450, property:'padding-top', start:400, pin:true });
            scrollorama.animate('#fade-in',{ delay: 400, duration: 300, property:'opacity', start:0 });
            scrollorama.animate('#fly-in',{ delay: 400, duration: 300, property:'left', start:-1400, end:0 });
            scrollorama.animate('#rotate-in',{ duration: 800, property:'rotate', start:720 });
            scrollorama.animate('#zoom-in',{ delay: 200, duration: 600, property:'zoom', start:8 });
            scrollorama.animate('#any',{ delay: 700, duration: 200, property:'opacity', start:0 });
            scrollorama.animate('#any',{ delay: 800, duration: 200, property:'letter-spacing', start:18 });
            
            // animate the parallaxing
            scrollorama.animate('#parallax2',{ delay: 400, duration: 600, property:'top', start:800, end:-800 });
            scrollorama.animate('#parallax3',{ delay: 200, duration: 1200, property:'top', start:500, end:-500 });
            
            // animate some easing examples
            var $easing = $('#easing'),
                $clone = $easing.clone().appendTo('#examples-easing')
                                .css({position:'relative',top:'-2.95em'})
                                .lettering();
            $easing.css({ color: '#131420', textShadow: '0 1px 0 #363959' });
            easing_array = [    'easeOutBounce',
                                'easeOutQuad',
                                'easeOutCubic',
                                'easeOutQuart',
                                'easeOutQuint', 
                                'easeOutExpo'         ];
            $clone.find('span')
                .each( function( idx, el ){
                    scrollorama.animate( $(this), {    delay:400, duration: 500, 
                                                    property:'top', end: 300,
                                                    easing: easing_array[idx] });
                })
            
        });
        
                  var $ = jQuery.noConflict()


</script>

Algúem pode me ajudar? é urgente!! Por favor

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

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,1k
    • Posts
      651,8k
×
×
  • Criar Novo...