SmartPhoto.js - โปรแกรมดูรูปภาพที่ตอบสนองง่ายออกแบบมาสำหรับมือถือ

ในยุคของการออกแบบเว็บไซต์ที่ตอบสนองคุณต้องคิดถึงประสบการณ์การใช้งานของผู้ใช้มือถือทุกคน ในปี 2560 ผู้ใช้อินเทอร์เน็ตทั้งหมดบนมือถือมีขอบเหนือเดสก์ท็อปเพียงไม่กี่เปอร์เซ็นต์ นั่นเป็นเรื่องใหญ่!

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

ปลั๊กอินนั้นฟรีและเปิดจากหน้า GitHub แบบเต็ม.

อัปเดตทุก ๆ ครั้ง แต่ส่วนสำคัญของ SmartPhoto.js คือ UI ที่เป็นธรรมชาติ มันใช้งานได้ดีบนเดสก์ท็อปและเหมาะกับมือถือมากกว่า แนวตั้งหรือแนวนอน, สมาร์ทโฟนหรือแท็บเล็ต, ปลั๊กอินนี้ใช้เค้ก.

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

ดูเอกสารประกอบสำหรับคำแนะนำที่สมบูรณ์เกี่ยวกับการตั้งค่าและการติดตั้ง ปลั๊กอินนี้ไม่ต้องการรหัส JS จำนวนมากเพื่อให้ทำงานได้ สนับสนุนตัวเลือกที่กำหนดเองจำนวนมากด้วยวิธีการโทรกลับ.

คุณจะสังเกตเห็นว่า SmartPhoto มี ไม่มีการพึ่งพา ดังนั้นมันจึงทำงานบนวานิลลาพื้นฐาน JS สิ่งที่คุณต้องมีคือไฟล์ SmartPhoto.js สองไฟล์ (ไฟล์ CSS และ JS) ซึ่งคุณสามารถดาวน์โหลดได้โดยตรงจาก GitHub หรือดึงผ่านการจัดการแพ็คเกจด้วย npm หรือ Yarn.

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

ฉันขอแนะนำ SmartPhoto.js สำหรับแกลเลอรี่ไลท์บ็อกซ์ที่ใช้งานง่ายและเหมาะกับมือถือ.

ไซต์ปลั๊กอินหลักมีทุกสิ่งที่คุณต้องการเริ่มต้นด้วยไฟล์ต้นฉบับที่สามารถดาวน์โหลดได้และเอกสารที่ครอบคลุม.