สไลด์รูปภาพผ่านอาเรย์ใน JavaScript

ตอนนี้เรามาสร้างสไลด์รูปภาพกัน ให้ในโค้ด HTML ของเรามีแท็ก img:

html<img id="slider" src="">

และให้เรามีอาเรย์ของรูปภาพ:

javascriptlet texts = ['1.png', '2.png', '3.png'];

มาทำให้ทุก ๆ วินาที ในแท็ก img จะแสดงรูปภาพใหม่ จากอาเรย์ของเรา

Задание 1

สร้างสไลด์ตามที่อธิบายไว้ และทำให้ รูปภาพวนเป็นวงกลม

Задание 2

ปรับเปลี่ยนงานก่อนหน้านี้ โดยให้ เหนือรูปภาพมีลูกศรถัดไป และย้อนกลับ นั่นคือสไลด์จะเลื่อนเอง ด้วยตัวจับเวลา แต่ผู้ใช้สามารถ เลื่อนด้วยลิงก์ได้หากต้องการ