ใส่ Lightbox ให้กับ drupal

Lightbox คือตัวที่ทำให้เรากดขยายรูปภาพขึ้นมาได้ ณ.ตอนนั้นเลยอย่างที่เว็บ killthewhat ของผมใช้งานอยู่นั่นเอง ซึ่งใน drupal ก็มีเหมือนกันครับ module ตัวนี้มีชื่อว่า Lightbox2 ยังสามารถใช้งานร่วมกับ module ตัวอื่นๆได้อีก

หลังจากเราทำการโหลดมาติดตั้งแล้วก็ให้ทำการเปิดใช้งาน module ซะ

ปรับแต่งการใช้งาน lightbox2 ได้ที่ Site configuration > Lightbox2

จากนั้นไปที่ Site configuration > Input formats เพิื่อทำการเพิ่ม lightbox ลงใน input format ที่เราจะใช้งาน อย่างผมเลือก full html

เลือกฟังก์ชั่น lightbox ที่เราจะใช้งาน

ส่วนการใช้งานเบื้องต้นก็คือ ให้เราใส่ rel=”lightbox” ใส tag a ของรูปครับ

<a href="images/image-1.jpg" rel="lightbox"><img src="images/images-thumd-nail.jpg"></a>

เพียงเท่านี้เมื่อเราคลิกที่รูปนี้ตัว lightbox ก็จะทำงานครับ ส่วนใครต้องการความสามารถมากกว่านี้เช่น ทำเป็น slide show หรือทำเป็นแบบโชว์วิดิโอได้รบกวนอ่าน REAME.txt ใน module เพิ่มเติมนะครับ

บทความแนะนำ
    blog comments powered by Disqus