https://yasminkhan.netlify.app/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 rellax = new Rellax('.rellax');
13
14	var preloader = function() {
15
16		var loader = document.querySelector('.loader');
17		var overlay = document.getElementById('overlayer');
18
19		function fadeOut(el) {
20			el.style.opacity = 1;
21			(function fade() {
22				if ((el.style.opacity -= .1) < 0) {
23					el.style.display = "none";
24				} else {
25					requestAnimationFrame(fade);
26				}
27			})();
28		};
29
30		setTimeout(function() {
31			fadeOut(loader);
32			fadeOut(overlay);
33		}, 200);
34	};
35	preloader();
36	
37
38	var tinyslier = function() {
39
40		
41
42		var el = document.querySelectorAll('.wide-slider-testimonial');
43		if ( el.length > 0 ) {
44			var slider = tns({
45				container: ".wide-slider-testimonial",
46				items: 1,
47				slideBy: 1,
48				axis: "horizontal",
49				swipeAngle: false,
50				speed: 700,
51				nav: true,
52				loop: true,
53				edgePadding: 40,
54				controls: true,
55				controlsPosition: "bottom",
56				autoHeight: true,
57				autoplay: true,
58				mouseDrag: true,
59				autoplayHoverPause: true,
60				autoplayTimeout: 3500,
61				autoplayButtonOutput: false,
62				controlsContainer: "#prevnext-testimonial",
63				responsive: {
64					350: {
65						items: 1
66					},
67					
68					500: {
69						items: 2
70					},
71					600: {
72						items: 3
73					},
74					900: {
75						items: 5
76					}
77				},
78			});
79		}
80
81
82		var destinationSlider = document.querySelectorAll('.destination-slider');
83
84		if ( destinationSlider.length > 0 ) {
85			var desSlider = tns({
86				container: ".destination-slider",
87				mouseDrag: true,
88				items: 1,
89				axis: "horizontal",
90				swipeAngle: false,
91				speed: 700,
92				edgePadding: 50,
93				nav: true,
94				gutter: 30,
95				autoplay: true,
96				autoplayButtonOutput: false,
97				controlsContainer: "#destination-controls",
98				responsive: {
99					350: {
100						items: 1
101					},
102					
103					500: {
104						items: 2
105					},
106					600: {
107						items: 3
108					},
109					900: {
110						items: 5
111					}
112				},
113			})
114		}
115
116
117
118	}

119	tinyslier();
120
121
122	var lightbox = function() {
123		var lightboxVideo = GLightbox({
124			selector: '.glightbox3'
125		});
126	};
127	lightbox();
128
129
130
131})();