Update script.js
Browse files
script.js
CHANGED
@@ -1,21 +1,21 @@
|
|
1 |
-
let currentIndex = 1;
|
2 |
let startTouchPosition = 0;
|
3 |
let endTouchPosition = 0;
|
4 |
|
5 |
const slider = document.querySelector('.slider');
|
6 |
const totalSlides = slider.children.length;
|
7 |
|
8 |
-
function moveToSlide(n) {
|
9 |
-
let newSlidePosition = ((n - 1) * -100) / (totalSlides - 1);
|
10 |
-
slider.style.transform = `translateX(${newSlidePosition}%)`;
|
11 |
-
currentIndex = n;
|
12 |
-
}
|
13 |
-
|
14 |
// ํ์ด์ง ๋ก๋ ์ ๋ ๋ฒ์งธ ์ฌ๋ผ์ด๋๋ก ์ด๋
|
15 |
document.addEventListener('DOMContentLoaded', () => {
|
16 |
moveToSlide(currentIndex); // ์ด๊ธฐ ์์น ์ค์
|
17 |
});
|
18 |
|
|
|
|
|
|
|
|
|
|
|
|
|
19 |
// ํค๋ณด๋ ์ด๋ฒคํธ
|
20 |
document.addEventListener('keydown', (e) => {
|
21 |
if (e.key === 'ArrowLeft') {
|
|
|
1 |
+
let currentIndex = 1;
|
2 |
let startTouchPosition = 0;
|
3 |
let endTouchPosition = 0;
|
4 |
|
5 |
const slider = document.querySelector('.slider');
|
6 |
const totalSlides = slider.children.length;
|
7 |
|
|
|
|
|
|
|
|
|
|
|
|
|
8 |
// ํ์ด์ง ๋ก๋ ์ ๋ ๋ฒ์งธ ์ฌ๋ผ์ด๋๋ก ์ด๋
|
9 |
document.addEventListener('DOMContentLoaded', () => {
|
10 |
moveToSlide(currentIndex); // ์ด๊ธฐ ์์น ์ค์
|
11 |
});
|
12 |
|
13 |
+
function moveToSlide(n) {
|
14 |
+
let newSlidePosition = (n * -100) / totalSlides;
|
15 |
+
slider.style.transform = `translateX(${newSlidePosition}%)`;
|
16 |
+
currentIndex = n;
|
17 |
+
}
|
18 |
+
|
19 |
// ํค๋ณด๋ ์ด๋ฒคํธ
|
20 |
document.addEventListener('keydown', (e) => {
|
21 |
if (e.key === 'ArrowLeft') {
|