배열을 이용한 JavaScript 이미지 슬라이더
이제 이미지 슬라이더를 만들어 봅시다.
HTML 코드에 img 태그가 있다고 가정합니다:
<img id="slider" src="">
또한 이미지 배열이 있다고 가정합니다:
let texts = ['1.png', '2.png', '3.png'];
1초마다
img 태그에 배열의 새로운 이미지가
나타나도록 해 봅시다.
설명된 슬라이더를 구현하세요. 이미지가 순환하도록 만드세요.
이전 문제를 수정하여 이미지 위에 앞으로 가기와 뒤로 가기 화살표도 추가하세요. 즉, 슬라이더는 타이머에 의해 자동으로 재생되지만, 사용자가 원하면 링크를 통해 직접 넘길 수도 있어야 합니다.
