วิธีเปลี่ยนภาพไปเรื่อยๆ ด้วย JavaScript

PHP Knowledge เป็น บอร์ดรวามความรู้ php เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

champp
PHP Full Member
PHP Full Member
Posts: 30
Joined: 05/05/2020 10:09 am

วิธีเปลี่ยนภาพไปเรื่อยๆ ด้วย JavaScript

Post by champp »

JavaScript ภาษาสคริปต์ชนิดหนึ่งที่ทำให้สร้างเว็บของเราดูมีคุณค่าและมีคุณภาพมากขึ้น
โดยการเขียนจะเขียนไว้ใน<header></headerหรือ<body>ก็ได้ โดยในวิธีนี้จะเขียนไว้ใน<body>
พร้อมกำหนดขนาดภาพที่ใส่ หลังจากนั้นเขียนสคริปต์โดยใช้อาเรย์ในฟังก์ชั่น

Code: Select all

<!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>
  • Similar Topics
    Replies
    Views
    Last post

Return to “PHP Knowledge”

Who is online

Users browsing this forum: No registered users and 14 guests