📒 이미지 슬라이드 (1)

---

🟣 이미지 슬라이드 구성

---

🟣 이미지 슬라이드 기능

setInterval(function () {
    ...
}, 3000); // 3초 간격으로 반복적으로 코드 실행

xxx.animate(
    {
        marginLeft: ["0px", "1024px"],
    },
    {
        duration: 500,
        easing: "ease",
        iterations: 1,
        fill: "both",
    }
); // 애니메이션 실행

🔸 실습 코드

📌 지시사항

1. querySelector() 와 querySelectorAll() 로 특정 슬라이드 찾아보기
   
   
2. 일정 시간을 기준으로 이미지의 크기만큼 이미지가 왼쪽으로 이동하는 애니메이션 기능 구현