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