https://julietroha.com/wp-content/themes/tower/js/animations.js?ver=1

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