code popup รูปภาพ HTML ด้วย sweetalert2

code popup รูปภาพ HTML ด้วย sweetalert2 บทความนี้สอนเขียน code เพื่อแสดง popup พร้อมรูปภาพด้วยแท็ก img ของ HTML โดยใช้ JavaScript Plugin ชื่อ sweetalert2 สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง code popup รูปภาพ HTML ด้วย sweetalert2

1. ติดตั้ง sweetalert2 ด้วยการวางโค้ดด้านล่างไว้ภายในแท็ก head

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

2. วางโค้ดด้านล่างไว้ภายในแท็ก body ของเว็บไซต์เพื่อโหลด popup รูปภาพ HTML

<script>
    Swal.fire({
        title: 'Devdit',
        html: '<img src="https://www.devdit.com/favicon-16x16.png">'
    });
</script>

code popup รูปภาพ HTML ด้วย sweetalert2 ใช้คำสั่ง html ซึ่งจะทำให้สามารถแท็กแท็ก img เพื่อโหลดรูปภาพที่ต้องการไว้ในหน้าต่าง popup ของ sweetalert2 ได้จากตัวอย่างเป็นการแสดงรูปภาพ favicon ของ Devdit ตาม URL ที่อ้างถึง