สไลด์รูปภาพผ่านอาเรย์ใน JavaScript
ตอนนี้เรามาสร้างสไลด์รูปภาพกัน
ให้ในโค้ด HTML ของเรามีแท็ก img:
<img id="slider" src="">
และให้เรามีอาเรย์ของรูปภาพ:
let texts = ['1.png', '2.png', '3.png'];
มาทำให้ทุก ๆ วินาที
ในแท็ก img จะแสดงรูปภาพใหม่
จากอาเรย์ของเรา
สร้างสไลด์ตามที่อธิบายไว้ และทำให้ รูปภาพวนเป็นวงกลม
ปรับเปลี่ยนงานก่อนหน้านี้ โดยให้ เหนือรูปภาพมีลูกศรถัดไป และย้อนกลับ นั่นคือสไลด์จะเลื่อนเอง ด้วยตัวจับเวลา แต่ผู้ใช้สามารถ เลื่อนด้วยลิงก์ได้หากต้องการ
