สร้างสีสันลิงก์ภาพด้วย Lightbox 2

ในการทำบล็อกการลิงก์ไปยังภาพแล้วเปิดไปเปิดหน้าเพจใหม่เพื่อแสดงภาพนั้นภาพเดียวอาจจะดูธรรมดาไปแล้ว ปัจจุบันเขานิยมทำกันในเว็บทั่วๆ ไป คือเมื่อคลิกลิงก์ไปยังภาพแล้วจะมีวงหมุน ๆ ขณะที่โหลดภาพ เมื่อโหลดเสร็จภาพนั้นก็จะลอยซ้อนอยู่บนเว็บเพจเดิม เพจเดิมก็จะมัว ๆ ดูไม่ชัดเน้นที่ภาพที่เปิดขึ้นมา (ดูตัวอย่างภาพด้านล่าง ลองคลิกดู ทำแบบนั้นแหล่ะครับ)ซึ่งเรียกว่า Lightbox
การทำภาพซ้อนนี้ เราใช้ปลั๊กอินคือLightbox 2ปลั๊กอินตัวเล็ก ๆ นี่แหล่ะครับ ทำภาพซ้อนอย่างที่หลาย ๆ เว็บเขาทำกันการติดตั้งก็เพียงแต่ดาวน์โหลดแล้วขยายนำไปติดตั้งไว้ในโฟลเดอร์ plugins จากนั้นก็ Activate

การตั้งค่าของ Lightbox 2 ให้ไปที่เมนู Settings -> Lightbox 2 ในช่อง Lightbox Appearance กำหนดสีของ Lightbox ส่วน Auto-lighbox images links เป็นการกำหนดให้แสดง Lightbox ลิงก์ที่ลิงก์ไปยังภาพโดยอัตโนมัติให้ทำเครื่องหมายถูกที่รายการนี้
เมื่อปลั๊กอินทำงานแล้ว การลิงก์ไปยังภาพทุกภาพจะแสดงภาพซ้อน (เหมือนภาพด้านบน)โดยที่เราไม่ต้องไปแก้โค้ดหรือทำอะไรเพิ่มเติมทั้งสิ้นเลย เห็นไหมล่ะครับมันง่ายขนาดนี้ จะไม่ลองทำกันดูหน่อยหรือครับ 😉 และที่น่าสนใจก็คือในบทความเดียวกันที่มีการลิงก์ไปยังภาพต่าง ๆ หลาย ๆ ภาพปลั๊กอินตัวนี้ก็จะจัดการสร้างลิงก์ไปยังภาพอื่น ๆ ให้โดยอัตโนมัติ คือเมื่อคลิกลิงก์เปิดภาพใดภาพหนึ่งขึ้นมา เลื่อนเม้าส์ไปยังส่วนต่าง ๆ ของภาพจะปรากฏลูกศรนำทางชี้ไปด้านซ้ายหรือขวาขึ้นอยู่กับตำแหน่งของเม้าส์ว่าอยู่ส่วนใดของภาพและเมื่อคลิกตามลิงก์ลูกศรนำทาง ก็จะเปิดภาพใหม่ขึ้นมา หากลูกศรชี้ทางซ้ายคลิกเม้าส์ก็จะเปิดภาพก่อนหน้า แต่หากลูกศรชี้ทางขวา คลิกเม้าส์ก็จะเปิดภาพถัดไป
หากเป็นภาพแรกสุด จะไม่มีลูกศรชี้ไปทางด้านซ้ายและหากเป็นภาพสุดท้ายก็จะไม่มีลูกศรชี้ไปทางด้านขวาเช่นกัน ก็ลอง ๆติดตั้งใช้กันดูครับ คงทำให้บล็อกของคุณมีสีสันขึ้นมาบ้าง ดีกว่าอยู่เปล่า

ใส่ความเห็น