วิธีเลื่อน Marquee ที่มีหลายภาพ

หากคุณค่อนข้างคุ้นเคยกับการเข้ารหัส HTML ที่จำเป็นในการเลื่อนภาพเดียวข้ามหน้าในขณะที่ใช้ จากนั้นจึงมีโอกาสที่ดีที่คุณจะเลื่อนภาพหลายภาพผ่านหน้าจอได้ไม่ยาก เมื่อเลื่อนหลายภาพในหน้า HTML โดยใช้a คุณจะพบว่ามีการใช้โครงสร้างพื้นฐานแบบเดียวกันกับที่คุณใช้เลื่อนภาพเพียงภาพเดียว โดยมีแท็กรูปภาพเพิ่มเติมอีกสองสามแท็ก

ขั้นตอนที่ 1

เปิดหน้า HTML ที่คุณต้องการเลื่อนหลายภาพ

วิดีโอประจำวันนี้

ขั้นตอนที่ 2

แทรกโค้ดต่อไปนี้ลงในส่วนของเอกสารที่คุณต้องการให้รูปภาพเลื่อน ซึ่งควรอยู่ระหว่างแท็ก และ:

ขั้นตอนที่ 3

แทนที่ "http://www.website.com/image1.jpg," "http://www.website.com/image2.jpg" และ "http://www.website.com/image3.jpg" ด้วยเส้นทางของไฟล์หรือ URL ของรูปภาพที่คุณต้องการเลื่อนบนหน้า

คุณต้องใช้เส้นทางของไฟล์เฉพาะเมื่อคุณใช้ภาพที่บันทึกไว้ในเซิร์ฟเวอร์เดียวกันกับเว็บไซต์ของคุณเท่านั้น เส้นทางของไฟล์ไม่รวม "http://www.website.com" ส่วนหนึ่งของ URL เฉพาะสิ่งที่อยู่หลังเครื่องหมายทับ ตัวอย่างเช่น หาก URL แบบเต็มคือ "http://www.website.com/image3.jpg," คุณจะต้องแทรก "image3.jpg" เท่านั้น

หากรูปภาพถูกนำมาจากเว็บไซต์อื่น คุณต้องใส่ URL แบบเต็ม นี่อาจเป็นรูปภาพจากเซิร์ฟเวอร์รูปภาพออนไลน์หรือเว็บไซต์อื่นใดที่คุณมี URL ของรูปภาพที่โพสต์

ขั้นตอนที่ 4

เผยแพร่หน้า

ข้อมูลอ้างอิงและทรัพยากร

• Blu Archer: ฝึกสอน Gif
• โรงเรียน W3: เรียนรู้ HTML