1
ผลที่กำหนดเองที่จำลองล้อ 3 มิติด้วย Swiper 5
ฉันจำเป็นต้องสร้างม้าหมุนที่มี 12 รายการที่จำลองล้อหมุน 3 มิติอย่างไม่สิ้นสุด เพื่อความชัดเจนฉันต้องสร้างเอฟเฟกต์นี้อย่างแม่นยำ: https://codepen.io/SitePoint/pen/yXWXaw (ดูที่นี่ ) แต่ด้วยคุณสมบัติการเพิ่มเหล่านี้ (บนเดสก์ท็อปและอุปกรณ์เคลื่อนที่โดยเฉพาะ): สไลด์ต้องทำตามการกวาดนิ้วทีละขั้นตอนนั่นคือสไลด์ควรเลื่อนในขณะที่เลื่อน (ตามที่ Swiper ทำ) ด้วยการรูดอย่างรวดเร็วก็ควรเลื่อนภาพนิ่งจำนวนมากที่มีโมเมนตัม (ตามที่ Swiper จะมี freeScroll) จากนั้นเมื่อล้อหยุดหมุนมันจะเลื่อนไปที่สไลด์ด้านหน้า (อย่างที่ Swiper ทำด้วยfreeModeStickyและ centeredSlides) ว่าเป็นล้อที่ถูกเลือกจากผู้ใช้ ฉันต้องการโทรกลับทุกครั้งที่มีการเปลี่ยนแปลงสไลด์ (เช่นเหตุการณ์slideChanged) (ตามที่ Swiper ทำ) ด้วยเหตุผลทั้งหมดนี้ฉันจึงคิดว่าSwiper 5.3.0จะเป็นจุดเริ่มต้นที่ดี ฉันลองวิธีแก้ปัญหาต่าง ๆ ที่ดีกว่าคือการตั้งค่านี้ แต่loop: trueเป็นวิธีแก้ปัญหาอันยิ่งใหญ่และทำให้เกิดปัญหา (ตรวจสอบความคิดเห็น): var swiper = new Swiper(el_class, { slidesPerView: 1.5, spaceBetween: 25, centeredSlides: …