Chardin.js - แสดงวิธีใช้งานเป็นโอเวอร์เลย์บนหน้าจอ
(github.com)-
ทำให้หน้าปัจจุบันมืดลง แล้วแสดงวิธีใช้งานเป็นโอเวอร์เลย์ที่ดูเรียบร้อยอยู่ด้านบน
-
สามารถตั้งค่าให้เปลี่ยนไปยังขั้นถัดไปเมื่อคลิกได้
-
ใช้วิธีกำหนดตำแหน่งและเนื้อหาคำอธิบายผ่าน data attribute
-
สามารถโหลดไฟล์ที่รวบรวมเฉพาะคำอธิบายไว้ในรูปแบบ JSON ได้ด้วย
1 ความคิดเห็น
เป็นไลบรารีที่สร้างมาแล้ว 7 ปี แต่ช่วงหลังเริ่มมีคอมมิตใหม่เข้ามาอีกครั้ง
มีไลบรารีแนวนี้อยู่หลายตัว แต่จนถึงตอนนี้ผมก็ยังชอบวิธีที่แสดงทั้งหมดพร้อมกันแบบนี้ที่สุด
ตัวอื่น ๆ จะเป็นแบบกดปุ่มไล่ไปทีละขั้น ซึ่งในมุมผู้ใช้แล้วค่อนข้างน่ารำคาญ
Intro.js https://introjs.com/
Driver.js https://kamranahmed.info/driver.js/
Shepherd https://github.com/shipshapecode/shepherd