Guest User

Untitled

a guest
Jan 18th, 2019
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.53 KB | None | 0 0
  1. var med = {
  2.  
  3. imgLoadTime : 2000,
  4.  
  5. easingEffect : 'easeOutQuart',
  6.  
  7. scrollEase : 'easeInOutQuad',
  8.  
  9. effectDuration : 1000,
  10.  
  11. currentPage : '',
  12.  
  13. runAnimations : function(){
  14. if(this.currentPage == '#slide5'){
  15. this.initAssets();
  16. }
  17. },
  18.  
  19. initAssets : function(){
  20. $('#asset-1').animate(
  21. {left : '50%'},
  22. {
  23. duration: this.effectDuration,
  24. easing: this.easingEffect,
  25. complete: this.assetTwo
  26. });
  27. },
  28.  
  29. assetTwo : function(){
  30. console.log('two');
  31. debugger;
  32. $('#asset-2').animate(
  33. {left : '50%'},
  34. {
  35. duration: this.effectDuration,
  36. easing: this.easingEffect,
  37. complete: this.assetThree
  38. });
  39. },
  40.  
  41. assetThree : function(){
  42. console.log('three');
  43. $('#asset-3').animate(
  44. {left : '50%'},
  45. {
  46. duration: this.effectDuration,
  47. easing: this.easingEffect,
  48. complete: console.log('weszlo')
  49. });
  50. }
  51.  
  52. };
  53.  
  54. complete: this.assetTwo
  55.  
  56. initAssets : function(){
  57. var self = this;
  58. $('#asset-1').animate(
  59. {left : '50%'},
  60. {
  61. duration: this.effectDuration,
  62. easing: this.easingEffect,
  63. complete: function() {self.assetTwo()}
  64. });
  65. },
  66.  
  67. assetTwo : function(){
  68.  
  69. //debugger;
  70. $('#asset-2').animate(
  71. {left : '50%'},
  72. {
  73. duration: med.effectDuration,
  74. easing: med.easingEffect,
  75. complete: med.assetThree
  76. });
  77. },
  78.  
  79. var med = {
  80. imgLoadTime: 2000,
  81. currentPage: '',
  82. css : {left: '50%'},
  83. animOptions: {
  84. duration: 1000,
  85. easing: 'easeOutQuart'
  86. };
  87. runAnimations: function() {
  88. if(med.currentPage == '#slide5') {
  89. $.Deferred(function(dfr) {
  90. dfr.pipe(function() {
  91. return $('#asset-1').animate( med.css, med.animOptions );
  92. }).pipe(function() {
  93. return $('#asset-2').animate( med.css, med.animOptions );
  94. }).pipe(function() {
  95. return $('#asset-3').animate( med.css, med.animOptions );
  96. })
  97. }).resolve();
  98. }
  99. }
  100. };
  101.  
  102. function runAnimations() {
  103. var imgLoadTime = 2000,
  104. currentPage = '',
  105. css = {left: '50%'},
  106. animOptions = {
  107. duration: 1000,
  108. easing: 'easeOutQuart'
  109. };
  110. if(currentPage == '#slide5') {
  111. $.Deferred(function(dfr) {
  112. dfr.pipe(function() {
  113. return $('#asset-1').animate( css, animOptions );
  114. }).pipe(function() {
  115. return $('#asset-2').animate( css, animOptions );
  116. }).pipe(function() {
  117. return $('#asset-3').animate( css, animOptions );
  118. })
  119. }).resolve();
  120. }
  121. }
Add Comment
Please, Sign In to add comment