Viewer - ปลั๊กอินย่อ / ขยายรูปภาพอย่างง่ายสำหรับ Vanilla JS & jQuery

คุณสามารถทำการค้นหาอย่างรวดเร็วและค้นหาไลบรารี่มากมายสำหรับกล่องรวมภาพสไลด์โชว์แกลเลอรี่คุณตั้งชื่อมัน.

หนึ่งในห้องสมุดใหม่ล่าสุดที่ดึงดูดความสนใจของฉันคือ Viewer ปัจจุบันอยู่ในเวอร์ชั่น 0.6 มันยังคงเป็นโครงการที่กำลังพัฒนา แต่ภาพนี้ การออกแบบและคุณสมบัติของปลั๊กอิน มีทั้งปรากฎการณ์.

จากหน้าแรกคุณจะพบการสาธิตสดพร้อมสไตล์ภาพที่หลากหลาย คุณสามารถเลือกที่จะ ตั้งค่าแกลเลอรีของคุณเองเป็นคุณสมบัติที่แตกต่างกัน เช่นการซูมโดยตรงด้วยภาพเดียวหรือสไลด์โชว์ที่มีความยาวซึ่งมีหลายภาพ.

สิ่งนี้ยังมาพร้อมกับ “โหมดอินไลน์” ที่แนบโปรแกรมดูรูปภาพกับองค์ประกอบในหน้า ดังนั้นเมื่อ ผู้ใช้คลิกที่ภาพย่อจะขยายภาพ ภายในองค์ประกอบนั้นแทนที่จะอยู่ด้านบนของหน้าทั้งหมด.

คุณจะพบปุ่มสำหรับทุกสิ่งที่สวยมาก: การหมุนคำบรรยายพิเศษและการซูม 1: 1 เต็มเพื่อรับมุมมองที่ชัดเจนของภาพถ่ายความละเอียดสูง.

ด้วยตัวเลือก JS บางตัว คุณตัดสินใจว่าสคริปต์ Viewer ควรทำงานอย่างไร. ไม่ต้องการให้ผู้เยี่ยมชมซูมเข้าไปในรูปภาพ? ไม่มีปัญหา.

คุณสามารถปิดการใช้งานคุณสมบัติสไลด์โชว์หรือเพียงแค่ปิดการใช้งานปุ่มถัดไป / ก่อนหน้าใน UI กันไปสำหรับ ภาพขนาดย่อ ที่ปรากฏเมื่อสไลด์โชว์อยู่ในมุมมองแบบเต็ม.

นอกจากนี้โปรดทราบว่าสคริปต์นี้มีเวอร์ชันที่ไม่ใช่ jQuery หากคุณต้องการวานิลลา JS ปลั๊กอินทั้งสองทำงานในลักษณะเดียวกันและพวกเขาทั้งคู่กำลังพัฒนาอย่างแข็งขัน ทุกสิ่งที่คุณต้องการกำหนดอินเทอร์เฟซนี้สามารถพบได้ในหน้าหลักของ GitHub.

หากคุณยิ่งใหญ่ในการเขียนโค้ด UIs ของคุณเอง Viewer เป็นปลั๊กอินที่ยอดเยี่ยมมาก มันเสนอเช่นนั้น ควบคุมพฤติกรรมของสไลด์โชว์ได้มาก ที่คุณสามารถปรับโครงสร้างนี้เป็นอะไรก็ได้ที่คุณต้องการ.

นักพัฒนาเว็บจะมีวันทำงานร่วมกับตัวเลือกทั้งหมดในสคริปต์ภาพฟรีนี้.