R_MontSerrat Posted November 19, 2012 Report Share Posted November 19, 2012 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 Quote Link to comment Share on other sites More sharing options...
0 MateusV. Posted November 26, 2012 Report Share Posted November 26, 2012 O que eles fazem? Dependo de suas funções nós podemos compilá-los. Quote Link to comment Share on other sites More sharing options...
Question
R_MontSerrat
Estou usando o scrolldeck e o scrollama, mas quando boto os dois acontece o conflito
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.