https://lakeshoreguys.com/wp-content/themes/vistatheme/js/animations.js

1
2		jQuery(function($) {		
3
4	
5
6		$.fn.themeple_waypoints = function(options_passed)
7		{
8			if(! $('html').is('.css3transitions')) return;
9
10			var defaults = { offset: '85%' , triggerOnce: !0},
11				options  = $.extend({}, defaults, options_passed);
12
13			return this.each(function()
14			{
15				var element = $(this);
16
17				setTimeout(function()
18				{
19					element.waypoint(function(direction)
20					{
21					 	$(this).addClass('start_animation').trigger('start_animation');
22
23					}, options );
24
25				},100)
26			});
27		}; 
28		
29		$('.animate_onoffset').themeple_waypoints();
30		
31
32
33		$.fn.great_gallery = function(options)
34		{
35			return this.each(function()
36			{
37				var container = $(this), elements = container.find('.item');
38
39
40				//trigger displaying of thumbnails
41				container.on('start_animation', function()
42				{
43					elements.each(function(i)
44					{
45						var element = $(this);
46						setTimeout(function(){ element.addClass('start_animation') }, (i * 150));
47					});
48				});
49			});
50				
51		};
52
53		$.fn.recent_portfolio = function(options)
54		{
55			return this.each(function()
56			{
57				var container = $(this), elements = container.find('img');
58
59
60				//trigger displaying of thumbnails
61				container.on('start_animation', function()
62				{
63					elements.each(function(i)
64					{
65						var element = $(this);
66						setTimeout(function(){ element.addClass('start_animation') }, (i * 100));
67					});
68				});
69			});
70				
71		};
72		$.fn.chart_skill = function(options)
73		{
74			
75			return this.each(function()
76			{
77				var container = $(this), elements = container.find('.chart');
78
79
80				//trigger displaying of thumbnails
81				container.on('start_animation', function()
82				{
83					elements.each(function(i)
84					{
85						var $chart = $(this);
86				
87						var color = $(this).data('color');
88						var color2 = $(this).data('color2');
89						
90						
91							$chart.easyPieChart({
92					        	lineWidth: 7, 
93					        	size: 210,
94					        	trackColor: "rgba(247,247,247,1)",
95					        	scaleColor: false,
96					        	barColor: color,
97					        	barColor2: color2,
98					        	animate:2000
99					    	});
100						
101						
102					});
103				});
104			});	
105		}
106
107		$.fn.counters = function(options)
108		{
109			
110			return this.each(function()
111			{
112				var container = $(this), elements = container.find('.count_to .timer');
113
114
115				//trigger displaying of thumbnails
116				container.on('start_animation', function()
117				{
118					elements.each(function(i)
119					{
120						var $count = $(this);
121						
122						$count.countTo();
123						
124						
125						
126					});
127				});
128			});	
129
130
131					
132
133
134		
135				
136		};
137		
138		$.fn.services_medium = function(options)
139		{
140			return this.each(function()
141			{
142				var container = $(this), elements = container.find('.icon_wrapper');
143
144
145				//trigger displaying of thumbnails
146				container.on('start_animation', function()
147				{
148					elements.each(function(i)
149					{
150						var element = $(this);
151						setTimeout(function(){ element.addClass('start_animation') }, (i * 250));
152					});
153				});
154			});
155				
156		};
157
158
159		$.fn.plain_text = function(options)
160		{
161			return this.each(function()
162			{
163				var container = $(this), elements = container.find('.plain_text');
164
165
166				//trigger displaying of thumbnails
167				container.on('start_animation', function()
168				{
169					elements.each(function(i)
170					{
171						var element = $(this);
172						setTimeout(function(){ element.addClass('start_animation') }, (i * 250));
173					});
174				});
175			});
176				
177		};
178
179
180		$.fn.images_blocks = function(options)
181		{
182			return this.each(function()
183			{
184				var container = $(this), elements = container.find('.media > .media_animation');
185
186
187				//trigger displaying of thumbnails
188				container.on('start_animation', function()
189				{
190					elements.each(function(i)
191					{
192						var element = $(this);
193						setTimeout(function(){ element.addClass('start_animation') }, (i * 250));
194					});
195				});
196			});
197				
198		};
199
200		$.fn.skills = function(options)
201		{
202			return this.each(function()
203			{
204				var container = $(this), 
205					
206					elements = container.find('.skill');
207
208
209				//trigger displaying of thumbnails
210				container.on('start_animation', function()
211				{
212					
213					elements.each(function(i)
214					{
215						var element = $(this),
216						percentage = $(this).data('percentage'),
217						element = element.find('.prog');
218
219						
220						setTimeout(function(){ element.css('width', percentage+'%'); element.addClass('start_animation') }, (i * 250));
221
222					});
223				});
224			});
225				
226		};
227
228
229
230		if($.fn.great_gallery)
231		{
232			$('.great_gallery').great_gallery();
233		}
234
235		if($.fn.recent_portfolio) 
236		{
237			$('.recent_portfolio').recent_portfolio();
238		}
239
240		if($.fn.services_medium)
241		{
242			$('.services_medium').services_medium();
243		}
244
245		if($.fn.images_blocks)
246		{
247			$('.row-dynamic-el').images_blocks();
248		}
249
250		if($.fn.skills)
251		{
252			$('.row-dynamic-el').skills();
253			$('.single_content').skills();
254			$('aside').skills();
255		}
256			
257		if($.fn.chart_skill)
258		{
259			$('.row-dynamic-el').chart_skill();
260
261		}	
262				
263		if($.fn.counters)
264		{
265			$('.row-dynamic-el').counters();
266
267		}
268
269		if($.fn.plain_text)
270		{
271			$('.row-dynamic-el').plain_text();
272
273		}
274
275			
276			
277		
278
279
280		
281	});
282
283
284