ปัจจุบันนักจัดทำเว็บไซต์ จะใช้อินเตอร์เน็ตเป็นหลักในการค้นหาข้อมูล การจัดทำเว็บไซต์สมัยนี้จึงค่อนข้างง่าย เพียงแค่เราอยากรู้อะไร อยากทำอะไร เราเพียงแค่ เซิสหาบน Google เราก็จะได้สิ่งที่ต้องการ หรือแม้กระทั้่ง เราติดปัญหาส่วนไหน ทำไมไม่ได้ผล ก้อสามารถเซิสบน Google ได้เช่นกัน เรียกได้ว่าการทำเว็บไซต์สมัยนี้ ง่ายมากขึ้นมากๆ
วันนี้ผมจะมาแนะนำ Lightbox ดีๆกัน
Lightbox คืออะไร หลายท่านคงเคยเห็นบางเว็บไซต์ พอกดที่รูปภาพ รูปภาพจะถูกซูมขึ้นมาในหน้านั้น โดยที่ไม่ได้เปลี่ยนหน้าแต่อย่างใด และมีปุ่มคลิ๊ก BACK NEXT ที่เป็นดูเหมือน Slideshow เลย สิ่งนี้เรียกว่า Lightbox
Lightbox ถูกพัฒนาด้วย Jquery เป็นเครื่องมือช่วยออกแบบเว็บไซต์ ปัจจุบันมีให้เลือกใช้มากมาย เช่น
- Fancy Box
- Slim Box
- Color Box
- Shadow Box
ซึ่งแต่ละตัวจะเป็นคนละ สไตล์กัน แต่ที่เหมือนกันคือ เป็นระบบ ซูมรูปภาพทั้งหมด
Fancy Box นั้นจะดูใช้งานง่าย ไม่รก ใช้การ Fade เข้า และ Fade ออก
Slim Box ตัวนี้จะมี Animation ตอนกดที่รูป คือ มันจะค่อยๆ ยืดรูปออก สวยงามมากครับ
Color Box ตัวนี้ จะเน้นไปในทางสไลด์โชว์ด้วย มีกรอบสีดำครอบตัวรูป และรายละเอียด พร้อมปุ่ม NEXT BACK
Shadow box ตัวนี้จะเสียตังนะครับ แต่คุณสมบัติดีมากคือ สามารถ Responsive ตาม Mobile ที่เปิดได้ด้วย หมายความว่าไม่ว่าคุณจะเปิดจอเล็ก จอใหญ่ รูปภาพที่เห็นก้อจะถูกย่อขนาดให้ด้วย หรือย่อหน้าต่าง เว็บบราวเซอร์ เจ้าตัว Shadow Box ก็จะย่อตาม ความกว้างของ Browser เลยทีเดียว
ขอบคุณครับ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น