โดยการเขียนจะเขียนไว้ใน<header></headerหรือ<body>ก็ได้ โดยในวิธีนี้จะเขียนไว้ใน<body>
พร้อมกำหนดขนาดภาพที่ใส่ หลังจากนั้นเขียนสคริปต์โดยใช้อาเรย์ในฟังก์ชั่น
โค้ด: เลือกทั้งหมด
<!DOCTYPE html>
<html>
<head>
<title>/title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body onload="javascript:slideImage();">
<img id="imgeslide"
src = "img1"
width = "600"
>
<script>
var i = 0;
function slideImage() {
var img = new Array();
img[0] = "img1";
img[1] = "img2";
img[2] = "img3";
var slide = document.getElementById("imgeslide");
slide.src = img[i];
var delayTime = setTimeout("slideImage()", 2000);
i = i + 1;
if (i >= 3) {
i = 0;
}
}
</script>
</body>
</html>