ชื่อก็บอกอยู่แล้วว่าเป็น เซ็กซี่ไลท์บ็อกซ์ (Sexy Ligthbox) ลักษณะของ Ligthbox คือคล้าย ๆ กับ ป๊อปอัพ แต่ไม่มีของของหน้าต่างเบราเซอร์จะแสดงในพื้นที่ของหน้าต่างเบราเซอร์นั้น ๆ พื้นหลังจะเป็นสีดำโปร่ง ๆ อธิบายไม่ถูกดูตัวอย่างลิ้งก์ด้านล่างเลยครับ

Show google site in popup <<–คลิ๊กเพื่อดูตัวอย่าง ie6 ไม่แน่ใจว่าใช้ได้

 

 

compat_15_native ext_plugin

การใช้งานเพียงติดตั้งแบบปกติ (หากต้องการศึกษาเรื่องการติดตั้ง extension เพิ่มเติมที่นี่)

หลังจากติดตั้งแล้วก็เข้ามาที่ plugin manager หาปลั๊กอินที่ชื่อ content – ARI Sexy Lightbox Lite

 

จากนั้นทำการ enable ให้ปลั๊กอินทำงาน

การใช้งาน ใส่ โค๊ดนี้ลงไปใน html code ของ content editor

Show google site in popup

code

1
<a href="http://www.google.com?TB_iframe=1&width=700&height=325&modal=1" 
rel="sexylightbox" title="Google"> Show google site in popup</a>

หรือเติม rel=”sexylightbox” ต่อท้ายลิ้งก์ a href=

คุณสมบัติต่อท้าย URL

กำหนดเป็น iframe

1
?TB_iframe=1

กำหนดความกว้างความสูงของหน้าต่าง ใช้ & เพื่อกั้นคำสั่งแต่ละอัน

1
width=700&height=325

ใช้กับรูป

5403

code

 

1
<a href="images/stories/liuyifeifans/5403.jpg" rel="sexylightbox" title="Test Image">
<img alt="5403" src="images/stories/liuyifeifans/5403.jpg" height="200" width="400" /></a></p>

หรือ

1
2
3
<a href="/[path_to_image]" rel="sexylightbox" title="Test Image">
  <img src="/[path_to_thumbnail]" alt="" />
</a>

ดาวน์โหลด ARI Sexy Ligthbox Lite

 

ดาวน์โหลด ARI Sexy Ligthbox Lite

ลิ้งก์ดาวน์โหลดสำรอง

 

ดาวน์โหลด ARI Sexy Ligthbox Lite