สถานที่:หน้าหลัก > รหัสเอฟเฟกต์พิเศษ JS > หมุนและสวิตช์

FlexSlider รูปภาพสวิตช์หมุนปลั๊กอิน jQuery

2020-06-25 108เรียกดู
Flexslider เป็นปลั๊กอินการหมุนภาพที่มีประสิทธิภาพ คำอธิบายพารามิเตอร์ Animation: "slide", / / ​​String: ["fade" "slide"], เอฟเฟกต์ภาพเคลื่อนไหว: "swing", / / ​​String: ทิศทางฟังก์ชั่นการกำหนดเวลาของภาพเคลื่อนไหวกลิ้ง: "horizontal", / / ​​String: กลิ้งทิศทาง [" แนวนอน "" แนวตั้ง "] ย้อนกลับ: เท็จ / / บูลีน: พลิกทิศทางของภาพเคลื่อนไหวการเคลื่อนไหวสไลด์ลูป: จริง / / บูลีน: ว่าจะวนรอบความเรียบ: เท็จหรือไม่ / / บูลีน: ปรับให้เข้ากับความสูงของภาพโดยอัตโนมัติ: 0, / / จำนวนเต็ม: สไลด์ที่เริ่มเล่นนับสไลด์โชว์: จริงจาก 0, / / ​​บูลีน: ว่าจะเล่นสไลด์โชว์โดยอัตโนมัติหรือไม่: 5000, / / ​​จำนวนเต็ม: Ms ช่วงการเลื่อนภาพเคลื่อนไหวความเร็ว: 600, / / ​​จำนวนเต็ม: Ms ความเร็วในการเลื่อนภาพเคลื่อนไหวเริ่มต้น: 0, / / ​​จำนวนเต็ม: การหน่วงเวลามิลลิวินาทีของการเรียกใช้แอนิเมชั่นครั้งแรกแบบสุ่ม: เท็จ, / / ​​บูลีน: ว่าจะใช้การหยุดชั่วคราวของลำดับสไลด์แบบสุ่ม: จริงหรือไม่, / / ​​บูลีน: หยุดเล่นอัตโนมัติระหว่างการหยุดการทำงานของผู้ใช้: เท็จ, / / ​​บูลีน: หยุดชั่วคราว เล่นอัตโนมัติบน hover usecss: true, / / ​​Boolean: ว่าจะใช้ CSS3 transitiontouch: true, / / บูลีน: อนุญาตให้หน้าจอสัมผัสแตะแถบเลื่อนวิดีโอ: เท็จ / / บูลีน: ใช้แถบเลื่อนวิดีโอเพื่อป้องกันการควบคุมเสี้ยนการเปลี่ยนแปลง CSS3 3 มิติ: จริง / / บูลีน: จะสร้างทิศทางจุดควบคุมหรือไม่: true, / / บูลีน: ไม่ว่าจะสร้างปุ่มก่อนหน้า / ถัดไป (ก่อนหน้า / ถัดไป) คำนำหน้า: "ก่อนหน้า", / / ​​สตริง: ข้อความของปุ่มก่อนหน้าสามารถเป็นองค์ประกอบ HTML nexttext: "next" / / String: ข้อความปุ่มถัดไปสามารถ เป็นคำหลักองค์ประกอบ HTML: จริง / / บูลีน: เปิดใช้งานแป้นพิมพ์เพื่อควบคุมแป้นพิมพ์หลายตัว: เท็จ / / บูลีนหรือไม่: เปิดใช้งานแป้นพิมพ์เพื่อควบคุมล้อเลื่อนหลายตัว: จริง / / บูลีน: เปิดใช้งานการหยุดเล่นการควบคุมล้อเมาส์หรือไม่ : false, / / ​​Boolean: สร้างหยุดชั่วคราวและเล่นปุ่ม pausetext: 'pause' / / String: ข้อความปุ่มหยุดชั่วคราว: 'play' / / String: play button text controlscontainer: ', / / ​​jQuery object / selectormanualcontrols:', / / jQuery object / selector กำหนดองค์ประกอบ Sync: ', / / ​​selector: Associat การดำเนินการระหว่างสไลด์ ItemWidth: 0, / / ​​integer: slide width, itemmargin: 0, / / ​​integer: slide spacing minitems: 1, / / ​​integer: อย่างน้อยแสดงจำนวนสไลด์ที่เกี่ยวข้องกับ 'itemWidth', maxitems: 0, / / ​​integer : แสดงจำนวนสไลด์สูงสุดซึ่งเกี่ยวข้องกับ 'itemWidth' ย้าย: 0, / / ​​จำนวนเต็ม: จำนวนสไลด์ที่จะย้ายในแต่ละครั้ง, 0 - การเลื่อนสไลด์เริ่มต้นที่มองเห็นได้: function () {}, / / ​​callback: function (slider) - เรียกกลับเสร็จสิ้นก่อน: function () {}, / / callback: function (slider) - โทรกลับก่อนเริ่มการโรลโอเวอร์แต่ละครั้งหลัง: function () {}, / / ​​callback: function (slider) - โทรกลับหลังจากสิ้นสุดการโรลโอเวอร์แต่ละครั้ง: function () {}, / / ​​callback : function (slider) - เรียกกลับไปยังสไลด์สุดท้ายที่เพิ่ม: function () {}, / / ​​callback: function (slider) - ทริกเกอร์เมื่อเพิ่มสไลด์ Removed: function () {} / / callback: function (slider) - ทริกเกอร์เมื่อนำสไลด์ออก