Jump to content
Fórum Script Brasil
  • 0

Conflitos em Jquery


R_MontSerrat
 Share

Question

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 to comment
Share on other sites

1 answer 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.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      150.2k
    • Total Posts
      647.4k
×
×
  • Create New...