https://www.intento.ch/wp-content/themes/the-simple/js/simple-animations.js?ver=1

1
2
3jQuery(function($) {		
4
5	"use strict"; 
6
7		$.fn.animate_on_appear = function(options_passed)
8		{
9				"use strict"; 
10				return this.each(function(){
11					var self = $(this);
12
13					self.appear( function()
14					{
15
16						var effect = $(this).data('animation');
17						var delay = $(this).data('delay');
18						
19						$(this).delay(delay).queue( function() {
20							
21							$(this).removeClass('with_animation').addClass( effect );
22							
23						});
24
25					});
26
27				});
28		}; 
29		
30		
31		$.fn.chart_skill = function(options)
32		{
33			"use strict"; 
34			return this.each(function()
35			{
36				var container = $(this), elements = container.find('.chart');
37
38
39				//trigger displaying of thumbnails
40				container.appear(function()
41				{
42					elements.each(function(i)
43					{
44						var $chart = $(this);
45				
46						var color = $(this).data('color');
47						var color2 = $(this).data('color2');
48							
49							$chart.easyPieChart({
50					        	lineWidth: 8, 
51					        	size: 140,
52					        	trackColor: color2,
53					        	scaleColor: false,
54					        	barColor: color,
55					        	barColor2: color,
56					        	animate:2000
57					    	});
58						
59						
60					});
61				});
62			});	
63		}
64
65		$.fn.counters = function(options)
66		{
67			"use strict"; 
68			return this.each(function()
69			{
70				var container = $(this), elements = container.find('.count_to .odometer');
71
72
73				//trigger displaying of thumbnails
74				container.appear( function()
75				{
76					elements.each(function(i)
77					{
78						var $count = $(this);
79						var od;
80
81						od = new Odometer({
82						  el: $count[0],
83						  format: '',
84						  theme: 'minimal',
85						  duration: $count.data('duration')
86						});
87
88						od.update($count.data('number'));
89												
90												
91												
92					});
93				});
94			});	
95				
96		};
97
98		$.fn.skills = function(options)
99		{	
100			"use strict"; 
101			return this.each(function()
102			{
103				var container = $(this), 
104					
105					elements = container.find('.skill');
106
107
108				//trigger displaying of thumbnails
109				container.appear(function()
110				{
111					
112					elements.each(function(i)
113					{
114						var element = $(this),
115						percentage = $(this).data('percentage'),
116						element = element.find('.prog');
117
118						
119						setTimeout(function(){ element.css('width', percentage+'%'); element.addClass('start_animation') }, (i * 250));
120
121					});
122				});
123			});
124				
125		};
126
127
128		$('.with_animation').not('#fullpage .section .with_animation').animate_on_appear();
129
130		if($.fn.skills)
131		{
132			$('.block_skill').skills();
133		}
134			
135		if($.fn.chart_skill)
136		{
137			$('.chart_skill').chart_skill(); 
138
139		}	
140				
141		if($.fn.counters)
142		{
143			$('.animated_counter').counters();
144
145		}
146
147			
148			
149		
150
151
152		
153	});