SimpleLightbox - รูปภาพ Lightbox ที่รองรับการใช้งาน WordPress
เว็บไซต์ผลงานโพสต์บล็อกและแม้แต่เว็บไซต์โซเชียลทั้งหมดใช้ Lightbox มันมีประโยชน์ สำหรับการแสดงเนื้อหาที่ใหญ่ขึ้นโดยไม่ต้องใช้พื้นที่มากขึ้นในหน้า.
แต่ไม่มีเหตุผลที่จะสร้างของคุณเองตั้งแต่เริ่มต้นเมื่อมีสคริปต์ฟรีมากมายออนไลน์ หนึ่งในสิ่งที่ชอบใหม่ของฉันคือ SimpleLightbox ซึ่งได้รับการออกแบบให้เป็น 100% เปิดแหล่งที่มาและตอบสนองมือถือที่ทำงานบนอุปกรณ์ทั้งหมด.
ลิงก์รูปขนาดย่อของรูปภาพและลิงก์การนำทาง Lightbox ทั้งหมดสนับสนุนพฤติกรรมการสัมผัสเพื่อให้ผู้ใช้สามารถเรียกดูเนื้อหาจากสมาร์ทโฟนหรือแท็บเล็ตใด ๆ.
จากหน้าแรกคุณสามารถค้นหาลิงก์ไปยัง GitHub repo อย่างเป็นทางการปลั๊กอิน WordPress อย่างเป็นทางการและส่วนขยาย TYPO3 อย่างเป็นทางการ.
ห้องสมุดนี้มีขนาดใหญ่มากและเป็นหนึ่งในแกลเลอรีกล่องรวมภาพที่ดีที่สุดที่คุณจะพบ มัน ใช้การออกแบบไลท์บ็อกซ์จริงซึ่งเพิ่มการซ้อนทับขนาดเล็กที่ด้านบนของหน้า เมื่อดูแกลเลอรี่ใด ๆ.
รูปภาพขนาดย่อแต่ละรูปจะปรากฏในมุมมองแบบเต็มพร้อมกับลูกศรเพื่อเลื่อนดูสไลด์โชว์ทั้งหมด แต่คุณทำได้ รวมคุณสมบัติพิเศษโดยใช้ SimpleLightbox API. มีตารางเต็มคุณสมบัติในเอกสารประกอบและนี่คือรายการโปรดของฉัน:
- ข้อความการนำทาง.
- คำบรรยายภาพ.
- ขนาดอัตราส่วนภาพ.
- คุณสมบัติการกวาดนิ้วเพื่อปิด.
- สไตล์ภาพเคลื่อนไหวที่กำหนดเอง.
- เหยื่อการโหลดตัวเลือก.
รวมทั้งห้องสมุดนี้ให้คุณเรียกใช้ฟังก์ชันการโทรกลับเมื่อใดก็ตามที่ผู้ใช้คลิกเพื่อเปิดแกลเลอรี่เลื่อนไปที่รูปภาพใหม่หรือดำเนินการทั่วไปอื่น ๆ.
วิธีการเหล่านี้ล้วนแล้วแต่ จัดทำเอกสารในเว็บไซต์หลักรวมถึงตัวอย่างสดในซอร์สโค้ด GitHub. คุณสามารถดึงสำเนาโดยใช้ Bower หรือ Yarn เป็นเครื่องมือจัดการแพ็คเกจแม้ว่า GitHub อาจเป็นวิธีที่ง่ายกว่าถ้าคุณไม่คุ้นเคยกับบรรทัดคำสั่ง.
ไม่ว่าจะด้วยวิธีใดห้องสมุดนี้น่าประทับใจยิ่งกว่า มันสามารถทำงานได้ดีอย่างน่าอัศจรรย์ในเว็บไซต์ส่วนตัวหรือองค์กรเพื่อแสดงผลงานของคุณด้วยการสนับสนุนหน้าจอสัมผัส.
หากต้องการเรียนรู้เพิ่มเติมดูที่หน้าแรกของ SimpleLightbox และดาวน์โหลดสำเนาสคริปต์จาก GitHub.
