-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
29 lines (25 loc) · 827 Bytes
/
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
// Arrow script
let arrow = document.querySelector('.arrow');
let el = document.querySelector('#main');
arrow.addEventListener('click', function () {
el.scrollIntoView({ behavior: 'smooth' });
});
// Lightbox script
const lightbox = document.createElement('div');
lightbox.id = 'lightbox';
document.body.appendChild(lightbox);
const img = document.querySelector('#konvoj');
img.addEventListener('click', () => {
lightbox.classList.add('active');
const newImg = document.createElement('img');
newImg.src = img.src;
while (lightbox.firstChild) {
lightbox.removeChild(lightbox.firstChild);
}
lightbox.appendChild(newImg);
});
// Close lightbox only when clicked outside of img
lightbox.addEventListener('click', (e) => {
if (e.target !== e.currentTarget) return;
lightbox.classList.remove('active');
});