วันพฤหัสบดีที่ 19 กันยายน พ.ศ. 2556

สร้าง Lightbox ง่ายๆ กับ plugin Modals

สวัสดีครับ พบกับผม แอดหนอด วันนี้ไปเจอบทความดีๆ ในเว็บ os-tranning เป็นเรื่องของ Lightbox ผมก็เลยมาเรียบเรียงให้ ว่ามันใช้งานยังไง

ไอ้เจ้าตัวนี้ก็คือ plugin ครับ ที่ทำให้รูปแบบ ของเราที่ใส่ code ของ plugin ตัวที่เราติดตั้งกันให้เป็นแนว
ป๊อปอัพ  แบบ lightbox

1. ขั้นตอนแรกก็หาโหลดมา ตามลิงค์ข้างล่างเลยครับ plugin Modals
http://extensions.joomla.org/extensions/style-a-design/popups-a-iframes/4277

2.จากนั้น คุณก็ไป ติดตั้ง ที่ Extensions Manager ก็อย่าลืมไปเปิด ปลั๊กอิน ที่ plugin manager ด้วยครับ

3. เมื่อเปิดปลั๊กอิน แน่นอนว่ามันเปิดการทำงานนี้แล้ว โดยปลั๊กอินตัวนี้จะใช้ {modal} tag

4. ทดสอบการใช้งานจากการใส่ วีดีโอ ใน Article ใช้  {modal} {/modal}  ในการสร้างป๊อปอัพ ครับ

ถ้ามองไม่เห็นนี้เลย ลองก็อปโค้ดไปทางด้านล่างดูครับ

{modal http://www.youtube.com/embed/tENZDoj5MTg|width=560|height=315|title=Learn all about What? Nothing!}Youtube video{/modal}

และเมื่อเราลอง save ไปดูหน้าเว็บ จะเห็น ผลลัพธ์


ถ้าต้องการให้เมนูเป็นแบบ popups ก็สามารถทำได้อีก แค่เอา tag {modal} ไปใส่ที่ title เมนูดังรูป

แค่นี้เหละครับเมนูเราก็จะเป็นแบบ Lightbox


สำหรับวันนี้ แอดหนอด ก็ขอลาท่านผู้ชมที่รักทุกท่าน สำหรับบุคคนท่านใดสนใจ ให้ลองทำ รีวิว ตัวไหน ก็ลอง comment กันดูครับ หรือ inbox เข้ามาที่ karupid@gmail.com ครับ



ไม่มีความคิดเห็น:

แสดงความคิดเห็น