Scribd
Upload
77 views5 pages

SRC Getvideostream - Com

This document contains the code for animating elements on a website. It uses Waypoints to trigger animations when elements become visible in the viewport. Elements are given a fadeInUp class which is added with a delay using setTimeout. This causes elements in different sections like 'more_info', 'features', and 'newspapers' to fade in sequentially as the user scrolls.

Uploaded by

Zi Xi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
77 views5 pages

SRC Getvideostream - Com

This document contains the code for animating elements on a website. It uses Waypoints to trigger animations when elements become visible in the viewport. Elements are given a fadeInUp class which is added with a delay using setTimeout. This causes elements in different sections like 'more_info', 'features', and 'newspapers' to fade in sequentially as the user scrolls.

Uploaded by

Zi Xi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

619 bytes

13. [Link]/js/ [Link] Copy to clipboard Beautify


[Link]
1. (function($) {
448 bytes
2. var App = {
14. [Link]/js/[Link] 3. init: function() {
1,063 bytes 4. [Link]();
15. [Link]/js/[Link] 5. [Link](); // reviews carousel
1,244 bytes 6. App.Nivo_Lightbox(); // lightbox
16. [Link]/js/ 7. App.Elements_animation(); // animations
[Link] 8. App.Hero_spans();
9. },
7,548 bytes
10. VerifyCookie: function() {
17. [Link]/js/nivo- 11. if (!localStorage['site']) {
[Link] 12. localStorage['site'] = 'b';
6,459 bytes 13. }
18. [Link]/js/ 14. },
[Link] 15.
23,037 bytes 16. // Elements Animation
19. [Link]/js/[Link] 17. Elements_animation: function() {
18. $('#more_info').waypoint(function() {
7,388 bytes
19. setTimeout(function() {
20. INLINE: (function(i,s,o,g,r,a,m){i['GoogleAna 20. $('.content_anim1').addClass('animated
440 bytes 21. fadeInUp')
22. }, 0);
CSS 17 (external 15, inline 2) 23. setTimeout(function() {
24. $('.content_anim2').addClass('animated
1. [Link]/css?
25. fadeInUp')
family=Lato:400,900,700,500,300,1
26. }, 200);
INJECTED 27. setTimeout(function() {
2. [Link]/icon? 28. $('.content_anim3').addClass('animated
family=Material+Icons 29. fadeInUp')
INJECTED 30. }, 400);
3. [Link]/css/[Link] 31. }, {
INJECTED 32. offset: '50%'
33. });
4. [Link]/css/
34.
james_typography.css
35. $('#features').waypoint(function() {
INJECTED 36. setTimeout(function() {
5. [Link]/css/[Link] 37. $('.content_anim4').addClass('animated
INJECTED 38. fadeInUp')
6. [Link]/css/ 39. }, 0);
color_scheme_light.css 40. setTimeout(function() {
INJECTED 41. $('.content_anim5').addClass('animated
42. fadeInUp')
7. [Link]/css/colors/
43. }, 200);
color_palette_videostream.css
44. setTimeout(function() {
INJECTED 45. $('.content_anim6').addClass('animated
8. [Link]/css/ 46. fadeInUp')
[Link] 47. }, 300);
INJECTED 48. setTimeout(function() {
9. [Link]/css/ 49. $('.content_anim7').addClass('animated
[Link] 50. fadeInUp')
INJECTED 51. }, 400);
52. setTimeout(function() {
10. [Link]/css/nivo-
53. $('.content_anim8').addClass('animated
[Link] 54. fadeInUp')
INJECTED 55. }, 500);
11. [Link]/css/nivo_lightbo 56. setTimeout(function() {
[Link] 57. $('.content_anim9').addClass('animated
INJECTED 58. fadeInUp')
12. [Link]/css/ 59. }, 600);
[Link] 60. setTimeout(function() {
61. $('.content_anim10').addClass('animated
INJECTED
62. fadeInUp')
13. [Link]/css/ 63. }, 700);
[Link] 64. setTimeout(function() {
INJECTED 65. $('.content_anim11').addClass('animated
14. [Link]/css/ 66. fadeInUp')
[Link] 67. }, 800);
INJECTED
619 bytes 68. setTimeout(function() {
13. [Link]/js/ 69. $('.content_anim12').addClass('animated
[Link] 70. fadeInUp')
448 bytes 71. }, 900);
14. [Link]/js/[Link] 72. setTimeout(function() {
1,063 bytes 73. $('.content_anim13').addClass('animated
74. fadeInUp')
15. [Link]/js/[Link]
75. }, 1000);
1,244 bytes 76. setTimeout(function() {
16. [Link]/js/ 77. $('.content_anim14').addClass('animated
[Link] 78. fadeInUp')
7,548 bytes 79. }, 1100);
17. [Link]/js/nivo- 80. setTimeout(function() {
[Link] 81. $('.content_anim15').addClass('animated
6,459 bytes 82. fadeInUp')
83. }, 1200);
18. [Link]/js/
84. setTimeout(function() {
[Link] 85. $('.content_anim16').addClass('animated
23,037 bytes 86. fadeInUp')
19. [Link]/js/[Link] 87. }, 1300);
7,388 bytes 88. }, {
89.
20. INLINE: (function(i,s,o,g,r,a,m){i['GoogleAna offset: '50%'
440 bytes 90. });
91.
92. $('#newspapers').waypoint(function() {
CSS 17 (external 15, inline 2) 93. setTimeout(function() {
1. [Link]/css? 94. $('.content_anim20').addClass('animated
family=Lato:400,900,700,500,300,1 95. fadeInUp')
INJECTED 96. }, 0);
2. [Link]/icon? 97. setTimeout(function() {
98. $('.content_anim21').addClass('animated
family=Material+Icons
99. fadeInUp')
INJECTED 100. }, 200);
3. [Link]/css/[Link] 101. setTimeout(function() {
INJECTED 102. $('.content_anim22').addClass('animated
4. [Link]/css/ 103. fadeInUp')
james_typography.css 104. }, 300);
INJECTED 105. setTimeout(function() {
5. [Link]/css/[Link] 106. $('.content_anim23').addClass('animated
107. fadeInUp')
INJECTED
108. }, 400);
6. [Link]/css/ 109. setTimeout(function() {
color_scheme_light.css 110. $('.content_anim24').addClass('animated
INJECTED 111. fadeInUp')
7. [Link]/css/colors/ 112. }, 500);
color_palette_videostream.css 113. setTimeout(function() {
INJECTED 114. $('.content_anim25').addClass('animated
8. [Link]/css/ 115. fadeInUp')
116. }, 600);
[Link]
117. setTimeout(function() {
INJECTED 118. $('.content_anim26').addClass('animated
9. [Link]/css/ 119. fadeInUp')
[Link] 120. }, 700);
INJECTED 121. setTimeout(function() {
10. [Link]/css/nivo- 122. $('.content_anim27').addClass('animated
[Link] 123. fadeInUp')
INJECTED 124. }, 800);
11. [Link]/css/nivo_lightbo 125. }, {
126. offset: '50%'
[Link]
127. });
INJECTED 128.
12. [Link]/css/ 129. $('#reviews').waypoint(function() {
[Link] 130. setTimeout(function() {
INJECTED 131. $('.content_anim30').addClass('animated
13. [Link]/css/ 132. fadeInUp')
[Link] 133. }, 0);
INJECTED 134. setTimeout(function() {
135. $('.content_anim31').addClass('animated
14. [Link]/css/
136. fadeInUp')
[Link] 137. }, 200);
INJECTED
619 bytes 138. setTimeout(function() {
13. [Link]/js/ 139. $('.content_anim32').addClass('animated
[Link] 140. fadeInUp')
448 bytes 141. }, 300);
14. [Link]/js/[Link] 142. }, {
1,063 bytes 143. offset: '50%'
144. });
15. [Link]/js/[Link]
145.
1,244 bytes 146. $('#team').waypoint(function() {
16. [Link]/js/ 147. setTimeout(function() {
[Link] 148. $('.content_anim40').addClass('animated
7,548 bytes 149. fadeInUp')
17. [Link]/js/nivo- 150. }, 0);
[Link] 151. setTimeout(function() {
6,459 bytes 152. $('.content_anim41').addClass('animated
153. fadeInUp')
18. [Link]/js/
154. }, 200);
[Link] 155. setTimeout(function() {
23,037 bytes 156. $('.content_anim42').addClass('animated
19. [Link]/js/[Link] 157. fadeInUp')
7,388 bytes 158. }, 300);
159.
20. INLINE: (function(i,s,o,g,r,a,m){i['GoogleAna setTimeout(function() {
440 bytes 160. $('.content_anim43').addClass('animated
161. fadeInUp')
CSS 17 (external 15, inline 2) 162. 163.
}, 400);
setTimeout(function() {
1. [Link]/css? 164. $('.content_anim44').addClass('animated
family=Lato:400,900,700,500,300,1 165. fadeInUp')
INJECTED 166. }, 500);
2. [Link]/icon? 167. setTimeout(function() {
168. $('.content_anim45').addClass('animated
family=Material+Icons
169. fadeInUp')
INJECTED 170. }, 600);
3. [Link]/css/[Link] 171. setTimeout(function() {
INJECTED 172. $('.content_anim46').addClass('animated
4. [Link]/css/ 173. fadeInUp')
james_typography.css 174. }, 700);
INJECTED 175. setTimeout(function() {
5. [Link]/css/[Link] 176. $('.content_anim47').addClass('animated
177. fadeInUp')
INJECTED
178. }, 800);
6. [Link]/css/ 179. setTimeout(function() {
color_scheme_light.css 180. $('.content_anim48').addClass('animated
INJECTED 181. fadeInUp')
7. [Link]/css/colors/ 182. }, 900);
color_palette_videostream.css 183. }, {
INJECTED 184. offset: '50%'
8. [Link]/css/ 185. });
186.
[Link]
187. $('#faq').waypoint(function() {
INJECTED 188. setTimeout(function() {
9. [Link]/css/ 189. $('.content_anim50').addClass('animated
[Link] 190. fadeInUp')
INJECTED 191. }, 0);
10. [Link]/css/nivo- 192. setTimeout(function() {
[Link] 193. $('.content_anim51').addClass('animated
INJECTED 194. fadeInUp')
11. [Link]/css/nivo_lightbo 195. }, 200);
196. setTimeout(function() {
[Link]
197. $('.content_anim52').addClass('animated
INJECTED 198. fadeInUp')
12. [Link]/css/ 199. }, 300);
[Link] 200. setTimeout(function() {
INJECTED 201. $('.content_anim53').addClass('animated
13. [Link]/css/ 202. fadeInUp')
[Link] 203. }, 400);
INJECTED 204. setTimeout(function() {
205. $('.content_anim54').addClass('animated
14. [Link]/css/
206. fadeInUp')
[Link] 207. }, 500);
INJECTED
619 bytes 208. setTimeout(function() {
13. [Link]/js/ 209. $('.content_anim55').addClass('animated
[Link] 210. fadeInUp')
448 bytes 211. }, 600);
14. [Link]/js/[Link] 212. setTimeout(function() {
1,063 bytes 213. $('.content_anim56').addClass('animated
214. fadeInUp')
15. [Link]/js/[Link]
215. }, 700);
1,244 bytes 216. setTimeout(function() {
16. [Link]/js/ 217. $('.content_anim57').addClass('animated
[Link] 218. fadeInUp')
7,548 bytes 219. }, 600);
17. [Link]/js/nivo- 220. setTimeout(function() {
[Link] 221. $('.content_anim58').addClass('animated
6,459 bytes 222. fadeInUp')
223. }, 700);
18. [Link]/js/
224. }, {
[Link] 225. offset: '50%'
23,037 bytes 226. });
19. [Link]/js/[Link] 227.
7,388 bytes 228. },
229.
20. INLINE: (function(i,s,o,g,r,a,m){i['GoogleAna
440 bytes 230.
231. // Nivo Lightbox
CSS 17 (external 15, inline 2) 232. 233.
Nivo_Lightbox: function() {
$('.screenshots_gallery a').nivoLightbox({
1. [Link]/css? 234. effect: 'slideDown'
family=Lato:400,900,700,500,300,1 235. });
INJECTED 236. },
2. [Link]/icon? 237.
family=Material+Icons 238.
239. // Reviews Carousel
INJECTED 240. Reviews: function() {
3. [Link]/css/[Link] 241. $(".owl-carousel").owlCarousel({
INJECTED 242. loop: true,
4. [Link]/css/ 243. singleItem: true,
james_typography.css 244. });
INJECTED 245. },
5. [Link]/css/[Link] 246.
247. Hero_spans: function() {
INJECTED
248. setTimeout(function() {
6. [Link]/css/ 249. setInterval(function() {
color_scheme_light.css 250. var spans =
INJECTED 251. [Link]('.rw-words span');
7. [Link]/css/colors/ 252.
color_palette_videostream.css 253. var foundNext = false;
INJECTED 254. for (var n = 0; n < [Link]; n++) {
8. [Link]/css/ 255. var span = spans[n];
[Link] 256. if
257. ([Link]('visible')) {
INJECTED 258. foundNext = true;
9. [Link]/css/ 259. [Link]('visible');
[Link] 260. } else if (foundNext) {
INJECTED 261. [Link]('visible');
10. [Link]/css/nivo- 262. foundNext = false;
[Link] 263. }
INJECTED 264. }
11. [Link]/css/nivo_lightbo 265.
266. if (foundNext) {
[Link]
267. spans[0].[Link]('visible');
INJECTED 268. }
12. [Link]/css/ 269. }, 3000);
[Link] }, 2000);
INJECTED
13. [Link]/css/
[Link]
INJECTED }
14. [Link]/css/
}
[Link]
INJECTED
619 bytes $(function() {
13. [Link]/js/ [Link]();
[Link] $(window).resize();
448 bytes
14. [Link]/js/[Link] });
1,063 bytes
})(jQuery);
15. [Link]/js/[Link]
1,244 bytes $(document).ready(function() {
16. [Link]/js/
[Link] $(".inlineInstall").click(function(event) {
7,548 bytes var source = [Link];
17. [Link]/js/nivo- if (source && [Link] >= 1) {
[Link] tryInlineInstall(source);
6,459 bytes } else {
tryInlineInstall('unknown');
18. [Link]/js/
}
[Link]
23,037 bytes });
19. [Link]/js/[Link]
7,388 bytes });
20. INLINE: (function(i,s,o,g,r,a,m){i['GoogleAna
440 bytes try {
var installManager = new inlineInstallManager();
CSS 17 (external 15, inline 2) var tryInlineInstall = function(source) {
1. [Link]/css? ga('send', 'event', 'inlineInstall', 'CTA Button
family=Lato:400,900,700,500,300,1 Clicked');
INJECTED [Link](source);
2. [Link]/icon? };
} catch (ex) {
family=Material+Icons
INJECTED }
3. [Link]/css/[Link]
INJECTED
4. [Link]/css/
james_typography.css
INJECTED
5. [Link]/css/[Link]
INJECTED
6. [Link]/css/
color_scheme_light.css
INJECTED
7. [Link]/css/colors/
color_palette_videostream.css
INJECTED
8. [Link]/css/
[Link]
INJECTED
9. [Link]/css/
[Link]
INJECTED
10. [Link]/css/nivo-
[Link]
INJECTED
11. [Link]/css/nivo_lightbo
[Link]
INJECTED
12. [Link]/css/
[Link]
INJECTED
13. [Link]/css/
[Link]
INJECTED
14. [Link]/css/
[Link]
INJECTED

You might also like