Facebox ปลั๊กอินสไตล์ Lightbox อีกตัวที่น่าสนใจ

สวัสดีครับมิตรรัก แฟนเวบ jQueryTips.com ห่างหายจากการอัพเดทไปนาน มาอัพเดททีเขิล กันไปเลย (555)

วันนี้ไม่ได้มาเขียนโปรแกรมโชว์อะไร เพียงแค่จะเอาปลั๊กอิน ของ jQuery ที่มีคนเขียนไว้แล้วมาแนะนำ (วิธีนี้ทำให้อัพเดทบล๊อกได้ไวตามสไตล์คนขี้เกียจ) ตัวนี้เป็น ปลั๊กอินที่ทำงานคล้ายๆ lightbox ทั่วไปเพียงแต่เปลี่ยนมาเป็น base on jQuery ไม่ใช่ javascript แบบปกติ ซึ่งตัดปัญหาเรื่อง javascript ตีกันไปได้เลย และปลั๊กอินตัวนี้ยังทำงาน ร่วมกับ text ได้นอกจากรูปภาพอย่างเดียว ที่สำคัญสนับสนุนการ fetch content แบบ ajax ซะด้วย อินเทรนด์ ดีใช่มั้ยครับ วิธีการก็ไม่ยากเย็นอะไร เพียงแค่ include jQuery กับ plugin ลงบน header แล้วอาศัย tag html (rel) ในการอ้งอิงเท่านั้นเอง เช่น

text โดยที่ตัวอย่างที่ทางผู้พัฒนานำเสนอมี 3 รูปแบบคือ

1. การทำ lightbox แบบ image
text

2. การทำ lightbox แบบดึงข้อมูลออกจาก div ที่ซ่อนไว้ ในที่นี่ดึง div จาก id=”info”
text

3. การทำ lightbox ร่วมกับ ajax
text

การติดตั้งทำได้ประมาณนี้

วิธีการเรียกใช้งาน
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox()
})

และอีกประเด็นที่สำคัญคือ lightbox ตัวนี้ยังสามารถ append css ลงไปได้อีก เช่นตัวอย่าง
text

** แบบนี้จะเป็นการ append class bolder ลงไปอีกตัว

ลองไปโหลดและดูข้อมูลเพิ่มเติมได้จากทางเวบไซด์ผู้พัฒนาเลยครับ
Official Website: Facebox

วันนี้ลาไปก่อนไว้คราวน่าจะหา plugin เด็ดๆมาแนะนำใหม่ รับรองมีอีกเยอะมากกกกกกกกกกกกกกกก