https://vastudev.in/js/custom.js

1(function () {
2
3	'use strict'
4
5
6	AOS.init({
7		duration: 800,
8		easing: 'slide',
9		once: true
10	});
11
12	var preloader = function() {
13
14		var loader = document.querySelector('.loader');
15		var overlay = document.getElementById('overlayer');
16
17		function fadeOut(el) {
18			el.style.opacity = 1;
19			(function fade() {
20				if ((el.style.opacity -= .1) < 0) {
21					el.style.display = "none";
22				} else {
23					requestAnimationFrame(fade);
24				}
25			})();
26		};
27
28		setTimeout(function() {
29			fadeOut(loader);
30			fadeOut(overlay);
31		}, 200);
32	};
33	preloader();
34	
35
36	var tinySdlier = function() {
37
38		var heroSlider = document.querySelectorAll('.hero-slide');
39		var propertySlider = document.querySelectorAll('.property-slider');
40		var imgPropertySlider = document.querySelectorAll('.img-property-slide');
41		var testimonialSlider = document.querySelectorAll('.testimonial-slider');
42		
43
44		if ( heroSlider.length > 0 ) {
45			var tnsHeroSlider = tns({
46				container: '.hero-slide',
47				mode: 'carousel',
48				speed: 700,
49				autoplay: true,
50				controls: false,
51				nav: false,
52				autoplayButtonOutput: false,
53				controlsContainer: '#hero-nav',
54			});
55		}
56
57
58		if ( imgPropertySlider.length > 0 ) {
59			var tnsPropertyImageSlider = tns({
60				container: '.img-property-slide',
61				mode: 'carousel',
62				speed: 700,
63				items: 1,
64				gutter: 30,
65				autoplay: true,
66				controls: false,
67				nav: true,
68				autoplayButtonOutput: false
69			});
70		}
71
72		if ( propertySlider.length> 0 ) {
73			var tnsSlider = tns({
74				container: '.property-slider',
75				mode: 'carousel',
76				speed: 700,
77				gutter: 30,
78				items: 3,
79				autoplay: true,
80				autoplayButtonOutput: false,
81				controlsContainer: '#property-nav',
82				responsive: {
83					0: {
84						items: 1
85					},
86					700: {
87						items: 2
88					},
89					900: {
90						items: 3
91					}
92				}
93			});
94		}
95
96
97		if ( testimonialSlider.length> 0 ) {
98			var tnsSlider = tns({
99				container: '.testimonial-slider',
100				mode: 'carousel',
101				speed: 700,
102				items: 3,
103				gutter: 50,
104				autoplay: true,
105				autoplayButtonOutput: false,
106				controlsContainer: '#testimonial-nav',
107				responsive: {
108					0: {
109						items: 1
110					},
111					700: {
112						items: 2
113					},
114					900: {
115						items: 3
116					}
117				}
118			});
119		}
120	}
121	tinySdlier();
122
123
124
125})()