โฮมเพจ » Toolkit » สร้าง jQuery carousels ที่มีคุณสมบัติหลากหลายพร้อม Slick

    สร้าง jQuery carousels ที่มีคุณสมบัติหลากหลายพร้อม Slick

    ไม่มาก ห้องสมุดม้าหมุน สามารถแข่งขันกับ เนียน. มันเป็นปลั๊กอิน jQuery ที่อัดแน่นที่สุดสำหรับ สร้างภาพหมุนแบบไดนามิก บนเว็บ.

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

    ไปยัง ติดตั้ง Slick, คุณสามารถเยี่ยมชม repo GitHub และดาวน์โหลดสำเนา มันมาพร้อมกับ ไฟล์ CSS สองไฟล์: หนึ่งสำหรับ การตั้งค่าพื้นฐาน และอีกสำหรับ ชุดรูปแบบเริ่มต้นเนียน. คุณสามารถรวมไฟล์เหล่านี้เป็นสไตล์ชีท CSS หลักของคุณได้อย่างง่ายดายหากคุณต้องการประหยัดพื้นที่.

    จากนั้นคุณต้องการ สองการพึ่งพา jQuery: ไลบรารี jQuery หลัก พร้อมด้วย jQuery โยกย้าย. เนียนต้องมี ขั้นต่ำของ jQuery 1.7+ ซึ่งไม่น่าจะมีปัญหาสำหรับสภาพแวดล้อมการพัฒนาที่ทันสมัย.

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

     
    เนื้อหาของคุณ
    เนื้อหาของคุณ
    เนื้อหาของคุณ

    ด้วยวิธีง่ายๆ

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

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

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

    ไปยัง ดูการสาธิตทั้งหมด และ เริ่ม, ตรวจสอบหน้าแรกลื่น คุณยังสามารถค้นหา รหัสที่มาทั้งหมด และ เอกสารฉบับเต็มสำหรับการตั้งค่า / ตัวเลือก ใน repo GitHub.