-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
105 lines (64 loc) · 2.5 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
// o nama v2
document.addEventListener('DOMContentLoaded', function() {
const services = document.querySelectorAll('.service');
services.forEach(service => {
service.addEventListener('mouseover', () => {
service.style.transform = 'translateX(10px)';
});
service.addEventListener('mouseout', () => {
service.style.transform = 'translateX(0)';
});
});
});
// CENE
// Dodavanje jednostavne animacije kada kartice postanu vidljive
window.addEventListener('scroll', () => {
const cards = document.querySelectorAll('.card');
const screenPosition = window.innerHeight / 1.3;
cards.forEach(card => {
const cardPosition = card.getBoundingClientRect().top;
if (cardPosition < screenPosition) {
card.classList.add('appear');
} else {
card.classList.remove('appear');
}
});
});
// BROJKE
document.addEventListener('DOMContentLoaded', () => {
const counters = document.querySelectorAll('.counter');
const speed = 1000; // Sporije učitavanje brojki - povećanje vrednosti
const animateCounter = (counter) => {
const target = +counter.getAttribute('data-target');
const count = +counter.innerText;
const increment = target / speed;
if (count < target) {
counter.innerText = Math.ceil(count + increment);
setTimeout(() => {
animateCounter(counter);
}, 20); // Povećano vreme za sporiju animaciju
} else {
counter.innerText = target;
}
};
const checkVisibilityAndAnimate = () => {
counters.forEach(counter => {
const rect = counter.getBoundingClientRect();
if (rect.top >= 0 && rect.bottom <= window.innerHeight) {
animateCounter(counter);
counter.parentElement.classList.add('in-viewport');
} else {
counter.parentElement.classList.remove('in-viewport');
}
});
};
window.addEventListener('scroll', checkVisibilityAndAnimate);
checkVisibilityAndAnimate(); // Initial check in case the counter is already in view
});
// faq
document.querySelectorAll('.faq-question').forEach(question => {
question.addEventListener('click', () => {
const item = question.parentNode;
item.classList.toggle('active');
});
});