Fx ตัวเลือก ใน Jquery

ปลั๊กอิน jquery Cycle ของ lsaquolsaquo ตรวจสอบ Cycle2 ล่าสุดในเส้น Cycle ของสไลด์โชว์ ปลั๊กอิน jQuery Cycle เป็นปลั๊กอินสไลด์โชว์ที่สนับสนุนหลายรูปแบบของผลการเปลี่ยนแปลง สนับสนุนหยุดชั่วคราวเมื่อเลื่อนอัตโนมัติหยุดอัตโนมัติพอดีก่อนจะโทรกลับคลิกทริกเกอร์และอื่น ๆ อีกมากมาย นอกจากนี้ยังสนับสนุน แต่ไม่จำเป็นต้องใช้ปลั๊กอินปลั๊กอิน วิธีการทำงานปลั๊กอินมีวิธีการเรียกว่า cycle ซึ่งเรียกใช้ในคอนเทนเนอร์อิลิเมนต์ องค์ประกอบลูกแต่ละอันของคอนเทนเนอร์จะกลายเป็นสไลด์ ตัวเลือกควบคุมวิธีและเวลาที่สไลด์จะเปลี่ยนไป scrollRight (คลิก) รูปภาพใช้ในการสาธิตเหล่านี้เนื่องจากดูดี แต่สไลด์โชว์ไม่ จำกัด เฉพาะรูปภาพ คุณสามารถใช้องค์ประกอบใดก็ได้ที่คุณต้องการ เรียกดูเอฟเฟ็คใช้หน้าเบราเซอร์เอฟเฟ็กต์เพื่อดูตัวอย่างเอฟเฟ็กต์ที่ใช้ได้ ดูตัวอย่างเพิ่มเติมและตัวอย่างปลั๊กอิน Cycle มีตัวเลือกมากมายสำหรับการปรับแต่งสไลด์โชว์ของคุณ ค่าตัวเลือกดีฟอลต์สามารถถูกทับได้โดยการส่งวัตถุตัวเลือกไปยังเมธอดรอบโดยใช้ข้อมูลเมตาในองค์ประกอบคอนเทนเนอร์หรือโดยการกำหนดค่าใหม่ในโค้ดของคุณเอง สำหรับข้อมูลเพิ่มเติมเกี่ยวกับตัวเลือกโปรดดูที่หน้าอ้างอิงเกี่ยวกับตัวเลือก ขอบคุณ Torsten Baldes Matt Oakes และ Ben Sterling สำหรับความคิดมากมายที่ทำให้ฉันเริ่มต้นเขียน Cycle ในปี 2007 .. animate () สตริงที่ระบุฟังก์ชันที่จะทำให้การใช้งานง่ายขึ้น Boolean ระบุว่าจะวางภาพเคลื่อนไหวในคิวเอฟเฟ็กต์หรือไม่ หากเป็นเท็จภาพเคลื่อนไหวจะเริ่มต้นทันที ตั้งแต่ jQuery 1.7 ตัวเลือกคิวนอกจากนี้ยังสามารถรับสายซึ่งในกรณีที่มีการเพิ่มภาพเคลื่อนไหวไปยังคิวที่แสดงโดยสตริงที่ เมื่อใช้ชื่อคิวแบบกำหนดเองภาพเคลื่อนไหวจะไม่เริ่มทำงานโดยอัตโนมัติคุณต้องเรียกใช้. dequeue (quotqueuenamequot) เพื่อเริ่มต้นใช้งาน วัตถุที่มีคุณสมบัติ CSS อย่างน้อยหนึ่งรายการที่กำหนดโดยอาร์กิวเมนต์คุณสมบัติและฟังก์ชันการผ่อนคลายที่สอดคล้องกัน (รุ่นที่เพิ่ม: 1.4) ฟังก์ชันที่จะถูกเรียกใช้สำหรับแต่ละอนิเมชันที่เป็นภาพเคลื่อนไหวของแต่ละอนิเมชัน ฟังก์ชันนี้ให้โอกาสในการปรับเปลี่ยนวัตถุ Tween เพื่อเปลี่ยนค่าของคุณสมบัติก่อนที่จะตั้งค่า ฟังก์ชันที่จะเรียกหลังจากแต่ละขั้นตอนของภาพเคลื่อนไหวเพียงครั้งเดียวต่อองค์ประกอบภาพเคลื่อนไหวโดยไม่คำนึงถึงจำนวนของคุณสมบัติภาพเคลื่อนไหว (รุ่นที่เพิ่ม: 1.8) ฟังก์ชันที่เรียกว่าครั้งเดียวเมื่ออนิเมชั่นขององค์ประกอบสมบูรณ์ ฟังก์ชันที่จะเรียกเมื่อเริ่มต้นการเคลื่อนไหวขององค์ประกอบ (รุ่นที่เพิ่ม: 1.8) ฟังก์ชันที่จะถูกเรียกเมื่อการเคลื่อนไหวขององค์ประกอบเสร็จสิ้น (วัตถุ Promise ได้รับการแก้ไข) (รุ่นที่เพิ่ม: 1.8) ฟังก์ชันที่จะเรียกเมื่อภาพเคลื่อนไหวบนองค์ประกอบไม่สมบูรณ์ (วัตถุ Promise ถูกปฏิเสธ) (รุ่นที่เพิ่ม: 1.8) ฟังก์ชันที่จะเรียกเมื่อภาพเคลื่อนไหวบนองค์ประกอบเสร็จสมบูรณ์หรือหยุดโดยไม่ได้ทำ (วัตถุสัญญาของมันได้รับการแก้ไขหรือปฏิเสธ) (รุ่นที่เพิ่ม: 1.8) เมธอด. aniel () ช่วยให้เราสามารถสร้างเอฟเฟ็กต์ภาพเคลื่อนไหวในคุณสมบัติ CSS ที่เป็นตัวเลขได้ พารามิเตอร์ที่จำเป็นต้องใช้เท่านั้นคือคุณสมบัติธรรมดาของคุณสมบัติ CSS วัตถุนี้คล้ายกับที่สามารถส่งไปยัง. css () method ได้ยกเว้นว่าช่วงของคุณสมบัติจะมีข้อ จำกัด มากขึ้น คุณสมบัติภาพเคลื่อนไหวและค่าคุณสมบัติภาพเคลื่อนไหวทั้งหมดควรเป็นภาพเคลื่อนไหวเป็นค่าตัวเลขเดียว ยกเว้นคุณสมบัติที่ระบุไว้ด้านล่างคุณสมบัติส่วนใหญ่ที่ไม่ใช่ตัวเลขจะไม่สามารถเคลื่อนไหวได้โดยใช้ฟังก์ชันการทำงานขั้นพื้นฐานของ jQuery (เช่นความกว้างความสูงหรือด้านซ้ายสามารถเคลื่อนไหวได้ แต่ไม่สามารถใช้สีพื้นหลังได้เว้นแต่จะใช้ปลั๊กอิน jQuery. Color) ค่าคุณสมบัติจะถือว่าเป็นจำนวนพิกเซลยกเว้นที่ระบุไว้เป็นอย่างอื่น หน่วย em และสามารถระบุได้ตามความเหมาะสม นอกเหนือจากคุณสมบัติของสไตล์คุณสมบัติบางอย่างที่ไม่ใช่รูปแบบเช่น scrollTop และ scrollLeft รวมทั้งคุณสมบัติที่กำหนดเองสามารถเคลื่อนไหวได้ คุณสมบัติแบบย่อของเอกสาร CSS (เช่นอักษรพื้นหลังเส้นขอบ) ไม่ได้รับการสนับสนุนอย่างสมบูรณ์ ตัวอย่างเช่นถ้าคุณต้องการทำให้ภาพเคลื่อนไหวมีความกว้างของเส้นขอบที่แสดงผลอย่างน้อยต้องมีการตั้งค่ารูปแบบเส้นขอบและความกว้างของเส้นขอบที่ไม่ใช่ quotautoquot ไว้ล่วงหน้า หรือถ้าคุณต้องการเคลื่อนไหวขนาดตัวอักษรคุณจะใช้ fontSize หรือเทียบเท่ากับ CSS แทน aposfont-sizeapos ไม่ใช่แค่ aposfontapos นอกเหนือจากค่าตัวเลขแล้วแต่ละคุณสมบัติสามารถใช้สตริง aposshowapos aposhideapos และ apostoggleapos ทางลัดเหล่านี้อนุญาตให้มีการซ่อนแบบกำหนดเองและแสดงภาพเคลื่อนไหวที่คำนึงถึงประเภทการแสดงผลขององค์ประกอบ เพื่อที่จะใช้การติดตามสถานะสลับแบบ jQueryaposs ในตัวคำหลัก apostoggleapos ต้องได้รับการกำหนดค่าอย่างต่อเนื่องเป็นค่าของพร็อพเพอร์ตี้ที่เคลื่อนไหวอยู่ คุณสมบัติเคลื่อนไหวยังสามารถสัมพัทธ์ ถ้ามีค่ามาพร้อมกับลำดับชั้นหรืออักขระลำดับค่าของเป้าหมายจะคำนวณโดยการเพิ่มหรือลบตัวเลขที่ระบุจากค่าปัจจุบันของพร็อพเพอร์ตี้ หมายเหตุ: ไม่เหมือนกับวิธีการจับภาพแบบย่อเช่น. slideDown () และ. fadeIn () วิธีการ. alive () ไม่ได้ทำให้องค์ประกอบที่มองไม่เห็นปรากฏเป็นส่วนหนึ่งของผลกระทบ ตัวอย่างเช่นให้ (quotsomeElementquot).hide () เคลื่อนไหว (, 500) ภาพเคลื่อนไหวจะทำงาน แต่องค์ประกอบจะยังคงซ่อนอยู่ ช่วงเวลาที่ได้รับเป็นมิลลิวินาทีค่าที่สูงขึ้นแสดงถึงภาพเคลื่อนไหวที่ช้าลงไม่ใช่ภาพที่เร็วขึ้น ระยะเวลาเริ่มต้นคือ 400 มิลลิวินาที สามารถระบุสตริง aposfastapos และ aposslowapos เพื่อระบุระยะเวลา 200 และ 600 มิลลิวินาทีตามลำดับ ฟังก์ชันการเรียกกลับหากมีให้เริ่มต้น ขั้นตอน ความคืบหน้า สมบูรณ์ เสร็จแล้ว ล้มเหลว. และการโทรกลับเสมอเรียกว่าเป็นองค์ประกอบต่อองค์ประกอบที่กำหนดให้กับองค์ประกอบ DOM ที่เคลื่อนไหวอยู่ หากไม่มีองค์ประกอบอยู่ในชุดการเรียกกลับจะไม่เรียก หากมีการเคลื่อนไหวหลายองค์ประกอบระบบจะเรียกใช้งานการโทรกลับหนึ่งครั้งต่อหนึ่งองค์ประกอบที่จับคู่ไม่ใช่ครั้งเดียวสำหรับภาพเคลื่อนไหวโดยรวม ใช้เมธอด. promise () เพื่อขอรับสัญญาที่คุณสามารถแนบการเรียกกลับที่ยิงได้ครั้งเดียวสำหรับชุดภาพเคลื่อนไหวทุกขนาดรวมทั้งองค์ประกอบเป็นศูนย์ การใช้งานพื้นฐานการเคลื่อนไหวองค์ประกอบใด ๆ เช่นภาพง่ายๆ: ภาพที่ 1 - ภาพประกอบของผลภาพเคลื่อนไหวที่ระบุโปรดสังเกตว่าค่าเป้าหมายของคุณสมบัติ height คือ apostoggleapos เนื่องจากภาพสามารถมองเห็นได้ก่อนภาพเคลื่อนไหวจะลดความสูงเป็น 0 เพื่อซ่อนภาพ คลิกสองครั้งแล้วย้อนกลับการเปลี่ยนแปลงนี้: รูปที่ 2 - ภาพประกอบของผลภาพเคลื่อนไหวที่ระบุความทึบของภาพอยู่ที่ค่าเป้าหมายแล้วดังนั้นคุณสมบัตินี้จะไม่ได้รับการเคลื่อนไหวโดยการคลิกครั้งที่สอง เนื่องจากค่าเป้าหมายสำหรับด้านซ้ายเป็นค่าสัมพัทธ์ภาพจะเลื่อนไปทางด้านขวาในภาพเคลื่อนไหวที่สองนี้ คุณสมบัติทิศทาง (ด้านบนขวา. ด้านล่างซ้าย) ไม่มีผลที่มองเห็นได้กับองค์ประกอบถ้าคุณสมบัติตำแหน่งของตำแหน่งเป็นแบบคงที่ ซึ่งเป็นค่าเริ่มต้น หมายเหตุ: โครงการ UI jQuery ขยายวิธี. namimate () โดยอนุญาตให้ใช้สไตล์ที่ไม่ใช่ตัวเลขเช่นสีที่เป็นภาพเคลื่อนไหว โครงการนี้ยังรวมถึงกลไกในการระบุภาพเคลื่อนไหวผ่านชั้น CSS มากกว่าคุณลักษณะเฉพาะ หมายเหตุ: หากพยายามเคลื่อนไหวองค์ประกอบที่มีความสูงหรือความกว้าง 0px ซึ่งเนื้อหาของอิลิเมนต์สามารถมองเห็นได้เนื่องจากมีการล้นเกิน jQuery อาจตัดส่วนเกินนี้ระหว่างการเคลื่อนไหว การกำหนดขนาดขององค์ประกอบต้นฉบับจะถูกซ่อนไว้อย่างไรก็ตามคุณสามารถตรวจสอบให้แน่ใจว่าภาพเคลื่อนไหวทำงานได้อย่างราบรื่น สามารถใช้ clearfix เพื่อแก้ไขขนาดขององค์ประกอบหลักของคุณโดยไม่จำเป็นต้องตั้งค่านี้ด้วยตัวเอง ขั้นตอนที่ฟังก์ชันรุ่นที่สองของ. waist () ให้ตัวเลือกขั้นตอน x2014 ฟังก์ชันการเรียกกลับที่ถูกเรียกใช้ในแต่ละขั้นตอนของภาพเคลื่อนไหว ฟังก์ชันนี้มีประโยชน์สำหรับการเปิดใช้งานประเภทภาพเคลื่อนไหวที่กำหนดเองหรือเปลี่ยนภาพเคลื่อนไหวตามที่เกิดขึ้น ยอมรับอาร์กิวเมนต์สองข้อ (ตอนนี้และ fx) และตั้งค่าเป็นองค์ประกอบ DOM ที่เคลื่อนไหว ตอนนี้ ค่าตัวเลขของพร็อพเพอร์ตี้ที่เคลื่อนไหวในแต่ละขั้นตอน fx การอ้างอิงถึงออบเจ็กต์ต้นแบบ jQuery. fx ซึ่งมีคุณสมบัติเป็นจำนวนมากเช่น elem สำหรับอนิเมชันที่เป็นภาพเคลื่อนไหวให้เริ่มต้นและสิ้นสุดสำหรับค่าแรกและสุดท้ายของพร็อพเพอร์ตี้ภาพเคลื่อนไหวตามลำดับและใช้พร็อพเพอร์ตี้ที่เป็นภาพเคลื่อนไหว โปรดทราบว่ามีการเรียกใช้ฟังก์ชันขั้นตอนสำหรับแต่ละอนิเมชันที่เป็นภาพเคลื่อนไหวในแต่ละอนิเมชัน ตัวอย่างเช่นหากได้รับรายการสองรายการฟังก์ชันขั้นตอนจะเริ่มทำงานสี่ครั้งในแต่ละขั้นตอนของภาพเคลื่อนไหว: สไลด์โชว์อัตโนมัติ Cycle2 สามารถเริ่มต้นได้โดยง่ายโดยการเพิ่มชื่อคลาสสไลด์โชว์ไปยังองค์ประกอบคอนโทรลสไลด์ของคุณ Cycle2 จะค้นหาและเริ่มต้นสไลด์โชว์โดยอัตโนมัติสำหรับองค์ประกอบใด ๆ ที่มี classname นี้ หากคุณไม่ต้องการการทำงานนี้อย่าเพิ่มสไลด์โชว์สไลด์โชว์ภาพสไลด์โชว์ของคุณแทนที่จะใช้สไลด์โชว์กับโปรแกรมโดยเรียกกระบวนการวนรอบบนสไลด์โชว์องค์ประกอบคอนเทนเนอร์: การเตรียมใช้งานอัตโนมัติไม่ได้รับการสนับสนุนสำหรับสไลด์โชว์ที่เพิ่มลงใน DOM หลังจาก jQuerys พร้อมเหตุการณ์ได้ fired ในกรณีนี้คุณจะต้องเริ่มต้นการสไลด์โชว์ด้วยโปรแกรมโดยเรียกวิธีรอบตามที่แสดงไว้ด้านบน คุณไม่จำเป็นต้องมีสิทธิ์เลือกตัวเลือกของคุณไปยังส่วนของ DOM ที่ได้รับการอัปเดตเนื่องจาก Cycle2 จะไม่เริ่มต้นการทำงานของสไลด์โชว์ที่กำลังทำงานใหม่หากคุณเรียกใช้การวนซ้ำมากกว่าหนึ่งครั้ง ดังนั้นจึงเป็นที่ปลอดภัยอย่างสมบูรณ์เพื่อเรียกใช้โค้ดข้างต้นหลายครั้งโดยไม่ต้องกังวลเกี่ยวกับสไลด์โชว์ที่กำลังทำงานอยู่ ตัวเลือกถูกตั้งค่าไว้ในสไลด์โชว์โดยใช้ข้อมูล - วัฏจักร - อ็อพชันชื่อแอตทริบิวต์ ชื่อตัวเลือกจะมีตัวพิมพ์เล็กและนำหน้าด้วยข้อมูล - รอบเสมอ ตัวอย่างเช่นในการตั้งค่าความเร็วและตัวเลือกความเร็วด้วยตนเองคุณจะทำเช่นนี้: นี่เป็นวิธีการที่ต้องการในการตั้งค่าตัวเลือกสไลด์โชว์เนื่องจากช่วยลดหรือลดความจำเป็นในการเริ่มต้นสคริปต์ที่กำหนดเอง นอกจากนี้คุณยังสามารถตั้งค่าตัวเลือกได้หากต้องการโดยการผ่านตัวเลือกแฮชไปใช้กับวิธีรอบ เมื่อตัวเลือกการตั้งค่าเป็นแบบ programmically ชื่อ option จะไม่มี data-cycle-prefix และ string เป็น camelCased on hyphens: ตัวเลือกทั้งหมดสามารถถูกประกาศพร้อมกับ data-cycle attributes บนคอนเทนเนอร์ element และจะสืบทอดกันมาจากสไลด์ทั้งหมด ตัวเลือกในตารางด้านล่างที่มีสัญลักษณ์วัวสามารถแทนที่ได้ในองค์ประกอบสไลด์แต่ละชิ้นเพื่อให้มีคุณสมบัติเฉพาะสำหรับสไลด์ที่เฉพาะเจาะจง ตัวเลือกนี้กำหนดว่าสไลด์โชว์สามารถเลื่อนจากภาพนิ่งสุดท้ายไปเป็นภาพแรกหรือไม่ก็ได้ หากตั้งค่าเป็นเท็จเมื่อสไลด์โชว์ถึงสไลด์ครั้งสุดท้ายแล้วจะไม่สามารถก้าวไปข้างหน้าได้อีกต่อไป ในทำนองเดียวกันเมื่อสไลด์โชว์กำลังแสดงสไลด์ครั้งแรกจะไม่สามารถถอยหลังได้ โดยค่าเริ่มต้นการนำเสนอภาพสไลด์จะเลื่อนไปมาจากภาพนิ่งสุดท้ายไปยังส่วนแรก จำนวนเต็มหรืออัตราส่วนตัวเลือกนี้กำหนดว่า Cycle2 จะให้การจัดการความสูงสำหรับสไลด์โชว์ซึ่งจะมีประโยชน์มากในการออกแบบของเหลวหรือการตอบสนอง มีสามวิธีที่สามารถใช้ตัวเลือกนี้ได้: สามารถระบุจำนวนเต็มเพื่อระบุดัชนีสไลด์ที่ใช้เป็นศูนย์สำหรับสไลด์ stunelel สตริง calc สามารถให้คำแนะนำ Cycle2 ในการคำนวณสไลด์ที่สูงที่สุดและใช้เป็น sentinel ในอัตราส่วนสตริง โดยปกติสไลดภาพสไลดจะถูกใชเปนสไลดเซนเซอรและการลดระดับจะควบคุมความสูงของสไลดโชวไดหากคอนเทนเนอร์ไมมีความสูงเฉพาะผานทาง CSS หากต้องการบังคับให้คอนเทนเนอร์สไลด์โชว์ไปยังอัตราส่วนเฉพาะตัวอย่างเช่นเพื่อเก็บชุดรูปภาพที่ 600x400 ให้ใช้สตริงอัตราส่วนเช่นนี้เมื่อต้องการปิดใช้งานการจัดการความสูงให้ตั้งค่าตัวเลือกนี้เป็น -1 หรือเท็จ autoSelector (ใช้แบบเป็นโปรแกรมเท่านั้น) ตัวเลือก jQuery ซึ่งระบุองค์ประกอบที่ควรจะเริ่มต้นโดยอัตโนมัติโดย Cycle2 ค่าดีฟอลต์คือ. cycle-slideshow เพิ่มคลาสสไลด์โชว์สไลด์ลงในสไลด์โชว์และ Cycle2 จะค้นหาและเริ่มต้นโดยอัตโนมัติเมื่อเหตุการณ์พร้อมใช้ DOM ค่านี้สามารถเปลี่ยนแปลงได้โดยทางโปรแกรมเท่านั้นและไม่สามารถเปลี่ยนแปลงได้หลังจากเหตุการณ์ DOM พร้อมใช้แล้ว หากต้องการเปลี่ยนให้ใส่สคริปต์เช่นนี้หลังจากที่ Cycle2 โหลดขึ้นและก่อนไฟเหตุการณ์พร้อม: ตัวเลือกที่ระบุองค์ประกอบที่ควรใช้สำหรับคำอธิบายภาพสไลด์ โดยค่าเริ่มต้น Cycle2 จะมองหาองค์ประกอบที่มีคลาสคำอธิบายภาพที่มีอยู่ภายในสไลด์โชว์คอนเทนเนอร์ สตริงเทมเพลตซึ่งกำหนดวิธีการจัดรูปแบบคำบรรยายภาพสไลด์ เทมเพลตสามารถอ้างอิงข้อมูลสถานะเรียลไทม์จากสไลด์โชว์เช่นดัชนีสไลด์ปัจจุบันเป็นต้น Cycle2 ใช้เทมเพลตแม่แบบง่ายๆตามค่าดีฟอลต์ continueAuto (programatic use only) ตัวเลือกที่สามารถตั้งค่าแบบไดนามิกเพื่อสั่งให้ C2 หยุดการเปลี่ยนเมื่อหมดเวลา นี่เป็นประโยชน์เมื่อคุณต้องการเริ่มต้นด้วยสไลด์โชว์อัตโนมัติ แต่หลังจากเปลี่ยนเป็นสไลด์โชว์ด้วยตนเอง ตัวเลือกนี้ยังสามารถเป็นฟังก์ชันที่ส่งกลับค่าบูลีน จำนวนมิลลิวินาทีที่จะเพิ่มหรือลบออกจากช่วงเวลาก่อนที่สไลด์โชว์แรกจะเกิดขึ้น ชื่อคลาสที่กำหนดให้กับลิงก์ prevnext เมื่อไม่สามารถใช้งานได้ (เนื่องจากข้อมูล - cycle - allow - wrapfalse ค่าของตัวเลือกนี้ไม่ควรรวมจุดก่อนหน้าชื่อของฟังก์ชันการใช้งานที่ง่ายสำหรับการใช้งานภาพเคลื่อนไหวชื่อสไลด์โชว์ เปลี่ยนไปใช้ชื่อการเปลี่ยนแปลงต่อไปนี้จะพร้อมใช้งานตามค่าเริ่มต้นและเพิ่มเติมสามารถเพิ่มด้วยปลั๊กอิน: จาง fadeout ไม่มีและ scrollHorz กำหนดหรือไม่ Cycle2 ซ่อนภาพนิ่งที่ไม่ได้ใช้ true false wait ตัวเลือก loader จะกำหนดลักษณะการทำงานของตัวโหลดภาพ สำหรับสไลด์โชว์ตัวอย่างฟังก์ชั่นการโหลดที่ไม่ได้ใช้งานผิดพลาดโหลดภาพนิ่งที่แท้จริงขณะที่ภาพมาถึงรอรอให้ภาพทั้งหมดมาถึงก่อนที่จะจ้องภาพสไลด์โชว์ตั้งค่าเป็น false เพื่อปิดใช้งานการเข้าสู่ระบบคอนโซลจำนวนครั้งที่สไลด์โชว์อัตโนมัติเลื่อนไปมาก่อนที่จะสิ้นสุดการทำงาน ค่าน้อยกว่า 1 แล้วสไลด์โชว์จะวนอย่างต่อเนื่องตั้งค่าเป็น 1 เพื่อวนรอบหนึ่งครั้ง ฯลฯ การตั้งค่าตัวเลือกยอมให้ห่อไปเท็จจะแทนที่ลูปผลการเปลี่ยนแปลงที่จะใช้สำหรับคู่มือ เรียกใช้การเปลี่ยนที (ไม่ใช่การเปลี่ยนตามเวลา) ความเร็ว (มิลลิวินาที) สำหรับการเปลี่ยนที่เริ่มต้นด้วยตนเองเช่นที่เกิดจากการคลิกปุ่มถัดไปหรือลิงก์ของเพจเจอร์ โดยค่าเริ่มต้นการเปลี่ยนด้วยตนเองเกิดขึ้นที่ความเร็วเดียวกับการเปลี่ยนภาพนิ่งแบบอัตโนมัติ กำหนดว่าจะมีการขัดจังหวะการเปลี่ยนหรือไม่เพื่อเริ่มต้นใหม่หากมีการเปลี่ยนใหม่เป็นผลมาจากการกระทำของผู้ใช้ (ไม่ใช่ตัวตั้งเวลา) สตริงตัวเลือกที่ระบุองค์ประกอบ (หรือองค์ประกอบ) ที่จะใช้เป็นตัวกระตุ้นเพื่อเลื่อนสไลด์ไปข้างหน้า โดยค่าเริ่มต้น Cycle2 จะมองหาองค์ประกอบที่มีคลาสอยู่ถัดไปที่มีอยู่ภายในสไลด์โชว์ เหตุการณ์ที่จะผูกกับองค์ประกอบที่ระบุด้วยตัวเลือกถัดไป ตามค่าเริ่มต้น Cycle2 จะจับเหตุการณ์คลิก สตริงตัวเลือกซึ่งระบุองค์ประกอบที่จะใช้เป็นองค์ประกอบซ้อนทับ การวางซ้อนสไลด์โชว์มักจะให้ข้อมูลเกี่ยวกับภาพนิ่งปัจจุบัน โดยค่าเริ่มต้น Cycle2 จะมองหาอิลิเมนต์พร้อมกับคลาสชั้นเชิงที่มีอยู่ในสไลด์โชว์คอนเทนเนอร์ สตริงเทมเพลตซึ่งกำหนดวิธีการจัดรูปแบบซ้อนทับ เทมเพลตสามารถอ้างอิงข้อมูลสถานะเรียลไทม์จากสไลด์โชว์เช่นดัชนีสไลด์ปัจจุบันเป็นต้น Cycle2 ใช้เทมเพลตแม่แบบง่ายๆตามค่าดีฟอลต์ สายอักขระ selector ซึ่งระบุองค์ประกอบที่จะใช้เป็นคอนเทนเนอร์สำหรับการเชื่อมโยงกับเพจเจอร์ โดยค่าเริ่มต้น Cycle2 จะมองหาอิลิเมนต์ที่มีคลาสเพจ cyclic - เพจเจอร์ที่มีอยู่ภายในสไลด์โชว์คอนเทนเนอร์ สตริง (css classname) ชื่อคลาสที่กำหนดให้กับเพจเจอร์เชื่อมโยงเมื่อลิงก์เฉพาะเชื่อมโยงกับสไลด์ที่มองเห็นได้ในปัจจุบัน ค่าของตัวเลือกนี้ไม่ควรมีจุดก่อนหน้า สายอักขระ (ชื่อเหตุการณ์) ชนิดของเหตุการณ์ที่ถูกผูกไว้กับการเชื่อมโยงของเพจเจอร์ ตามค่าเริ่มต้น Cycle2 จะจับเหตุการณ์คลิก ตั้งค่าเป็น true เพื่อให้เหตุการณ์ของเพจเจอร์สามารถสร้าง DOM ขึ้นได้ นี้จะเป็นประโยชน์ถ้าคุณมีสมอภายในองค์ประกอบเพจเจอร์ของคุณและต้องการสมอที่จะปฏิบัติตามเมื่อมีการคลิก สตริงเทมเพลตซึ่งกำหนดการเชื่อมโยงกับเพจเจอร์ควรได้รับการจัดรูปแบบ เทมเพลตสามารถอ้างอิงข้อมูลสถานะเรียลไทม์จากสไลด์โชว์ขณะที่แต่ละสไลด์ถูกเพิ่มเข้าไป ลิงก์เพจเจอร์เริ่มต้นเป็นเพียงสัญลักษณ์แสดงหัวข้อย่อย Cycle2 ใช้เทมเพลตแม่แบบง่ายๆตามค่าเริ่มต้น บูลีนหรือสตริงถ้าสไลด์โชว์อัตโนมัติทำงานอัตโนมัติจะถูกหยุดชั่วคราวขณะที่เมาส์อยู่เหนือสไลด์โชว์ นอกจากนี้คุณยังสามารถระบุสตริง selector jQuery สำหรับค่าเพื่อระบุองค์ประกอบที่จะต้องผูกไว้กับเหตุการณ์ที่โฉบเฉี่ยว หากสไลด์โชว์จริงจริงจะเริ่มในสถานะหยุดชั่วคราว สตริงตัวเลือกซึ่งระบุองค์ประกอบ (หรือองค์ประกอบ) เพื่อใช้เป็นตัวกระตุ้นเพื่อเลื่อนสไลด์โชว์ย้อนหลัง โดยค่าเริ่มต้น Cycle2 จะมองหาองค์ประกอบที่มีคลาส. prev ก่อนหน้านี้ที่มีอยู่ภายในสไลด์โชว์คอนเทนเนอร์ สตริง (ชื่อเหตุการณ์) ประเภทของเหตุการณ์ที่ถูกผูกไว้ในลิงก์ก่อนหน้าและถัดไป ตามค่าเริ่มต้น Cycle2 จะจับเหตุการณ์คลิก ระบุองค์ประกอบใน DOM ที่เก็บอาร์เรย์ JSON ซึ่งแสดงภาพนิ่งที่จะโหลดลงในสไลด์โชว์ ตัวอย่าง. ถ้าเป็นจริงคำสั่งของภาพนิ่งจะถูกสุ่ม สไลด์เหล่านี้มีผลเฉพาะในส่วนเริ่มต้นของมาร์กอัปเท่านั้นไม่ใช่ภาพสไลด์ที่เพิ่มผ่านคำสั่ง add หรือผ่านทางการทำงานของ Cycle2s image loader หากสไลด์โชว์เป็นจริงสไลด์จะดำเนินการในลำดับที่กลับกันและการเปลี่ยนภาพที่สนับสนุนตัวเลือกนี้จะเรียกใช้ภาพเคลื่อนไหวย้อนกลับ ชื่อคลาสที่กำหนดให้กับสไลด์ที่ใช้งานอยู่ ค่าของตัวเลือกนี้ไม่ควรมีจุดก่อนหน้า วัตถุที่กำหนดคุณสมบัติ css ที่ควรใช้กับสไลด์แต่ละอันตามที่ได้รับการเตรียมใช้งาน (ครั้ง) ชื่อชั้นเรียนที่จะเพิ่มลงในสไลด์แต่ละภาพ สายอักขระ selector ซึ่งระบุองค์ประกอบภายในสไลด์โชว์คอนเทนเนอร์ที่ควรเป็นสไลด์ ตามค่าเริ่มต้น Cycle2 จะค้นหาองค์ประกอบรูปภาพทั้งหมดที่เป็นลูกของสไลด์โชว์ในทันที ความเร็วของผลการเปลี่ยนแปลงในมิลลิวินาที ดัชนี zero-based ของสไลด์ที่ควรจะแสดงในตอนแรก ตั้งค่าเป็น true เพื่อเปิดใช้งานการสนับสนุนท่าทางแบบกวาดเพื่อเลื่อนสไลด์โชว์ไปข้างหน้าหรือย้อนกลับ เอฟเฟ็กต์การเปลี่ยนเพื่อใช้สำหรับการเปลี่ยนช่วงที่เรียกใช้แบบท่อง หากไม่ได้ระบุการเปลี่ยนแปลงที่ประกาศไว้ในข้อมูล data-manual-fx หรือ data-fx attribute จะถูกใช้ หากเป็นจริงภาพเคลื่อนไหวของสไลด์ขาเข้าและขาออกจะถูกซิงโครไนซ์ หากเป็นเท็จภาพเคลื่อนไหวสำหรับภาพนิ่งที่เข้ามาจะไม่เริ่มทำงานจนกว่าการเคลื่อนไหวของสไลด์ที่ส่งออกจะเสร็จสมบูรณ์ เวลาระหว่างการเลื่อนสไลด์ในมิลลิวินาที นิพจน์ทั่วไปที่ใช้สำหรับโทเค็นการเทมเพลต กำหนดเมื่อมีการเรียกใช้เมธอด updateView (และมีการทริกเกอร์เหตุการณ์) ถ้าค่าเป็น -1 แล้ว updateView จะถูกเรียกใช้งานทันทีหลังจากเปลี่ยนภาพนิ่ง ถ้าค่าเป็น 0 แล้ว updateView ถูกเรียกใช้ในระหว่างการเปลี่ยนภาพนิ่ง ถ้าค่าเป็น 1 แล้ว updateView จะถูกเรียกใช้ทันทีเมื่อเริ่มต้นการเลื่อนสไลด์และอีกครั้งทันทีหลังจากการเปลี่ยน คำสั่งจะถูกส่งไปยังสไลด์โชว์โดยอ้างถึงวัฏจักรบนองค์ประกอบคอนเทนเนอร์และส่งผ่านสตริงอาร์กิวเมนต์ซึ่งเป็นชื่อคำสั่ง ไม่สามารถใช้คำสั่งกับองค์ประกอบที่ไม่ได้รับการเตรียมใช้งานก่อนหน้านี้เป็นสไลด์โชว์ Cycle2 เพิ่มภาพนิ่งหนึ่งหรือหลายภาพในสไลด์โชว์ สไลด์มาร์กอัปหรือออบเจ็กต์ jQuery คืนค่าสไลด์โชว์ DOM ไปเป็นสถานะเดิม (และยกเลิกการจัดกิจกรรม) เปลี่ยนสไลด์โชว์ไปยังดัชนีภาพนิ่งที่จัดเตรียมไว้ ดัชนีภาพนิ่ง zero-based หยุดการทำงานสไลด์โชว์อัตโนมัติที่ทำงาน Declarative Commands คำสั่ง declarative สามารถสั่งคำสั่งได้โดยการใช้แอตทริบิวต์ data-cycle-cmd คุณสามารถใช้แอตทริบิวต์นี้กับองค์ประกอบใดก็ได้และ Cycle2 จะใช้การแจกจ่ายเหตุการณ์เพื่อออกคำสั่งรอบเมื่อมีการคลิกองค์ประกอบ ตัวอย่างเช่นหากต้องการให้ปุ่มแบบสุ่มหยุดชั่วคราวสไลด์โชว์ของคุณคุณสามารถทำได้: เมื่อคลิกปุ่มด้านบน Cycle2 จะสร้างและเรียกใช้โค้ดนี้โดยอัตโนมัติสำหรับคุณ: ในการระบุสไลด์โชว์ที่เฉพาะเจาะจงเป็นเป้าหมายของคำสั่งให้ใช้ แอตทริบิวต์ context-data-context และตั้งค่าเป็นสตริง selector ที่ระบุสไลด์โชว์ที่ต้องการ: เมื่อคลิกปุ่มด้านบน Cycle2 จะสร้างและเรียกใช้โค้ดนี้โดยอัตโนมัติสำหรับคุณ: และสุดท้ายคุณสามารถส่งอาร์กิวเมนต์ไปยังวัฏจักรได้ คำสั่งโดยใช้แอตทริบิวต์ data-cycle-arg ตัวอย่างเช่นหากต้องการลบสไลด์แรกในสไลด์โชว์: Cycle2 จะแสดงกิจกรรมจำนวนมากเมื่อสไลด์โชว์ทำงานและคุณสามารถผูกกับเหตุการณ์เหล่านี้เพื่อปรับแต่งหรือเพิ่มสไลด์โชว์ได้มากขึ้น เหตุการณ์รอบทั้งหมดจะถูกเรียกใช้ในสไลด์โชว์และสามารถผูกมัดได้โดยใช้รหัสเช่น: คำอธิบายสายเรียกเข้าเรียกใช้หลังจากสไลด์โชว์เสร็จสิ้นการเปลี่ยนไปใช้สไลด์ถัดไป เรียกใช้ก่อนเปลี่ยนไปใช้สไลด์ใหม่ นี่เป็นการแข่งขันครั้งแรกที่สไลด์โชว์และเป็นโอกาสที่จะแทนที่ตัวเลือกสไลด์โชว์และวิธี API อาร์กิวเมนต์ API เป็นวัตถุแฮชของสไลด์โชว์อินสแตนซ์ API วิธีนี้ ทริกเกอร์หลังจากสไลด์โชว์ถูกทำลายโดยคำสั่งทำลาย เรียกใช้หลังจากสไลด์โชว์สิ้นสุดลงเนื่องจากตัวเลือกลูป เรียกใช้งานหลังจากสไลด์โชว์ได้รับการเริ่มต้นอย่างสมบูรณ์แล้ว เรียกใช้งานหลังจากสไลด์โชว์เริ่มขึ้นเนื่องจากคำสั่งถัดไป เรียกใช้หลังจากสไลด์โชว์ได้เริ่มเปลี่ยนเนื่องจากมีการเชื่อมโยงเพจเจอร์ เรียกใช้หลังจากสไลด์โชว์หยุดชั่วคราวเนื่องจากคำสั่งหยุดชั่วคราวหรือตัวเลือกหยุดชั่วคราวขณะเลื่อน ทริกเกอร์ทันทีหลังจากรันลอจิกการเริ่มต้นแบบเต็มรูปแบบในสไลด์โชว์ ทริกเกอร์ก่อนที่จะรันลอจิกการเริ่มต้นแบบเต็มรูปแบบในสไลด์โชว์ (แต่หลังจากเพิ่มชุดสไลด์เริ่มต้นแล้ว) เรียกใช้งานหลังจากสไลด์โชว์เริ่มทำงานเนื่องจากคำสั่งก่อนหน้า เรียกใช้หลังจากสไลด์โชว์หยุดชั่วคราวเนื่องจากคำสั่งประวัติหรือตัวเลือกหยุดชั่วคราวเมื่อเลื่อนไปมา เรียกใช้หลังจากสไลด์โชว์ถูกเพิ่มลงในสไลด์โชว์เรียกใช้หลังจากสไลด์โชว์ถูกลบออกจากสไลด์โชว์เนื่องจากมีคำสั่งลบ เรียกใช้งานหลังจากสไลด์โชว์หยุดทำงานโดยคำสั่งหยุด เรียกใช้หลังจากภาพเคลื่อนไหวหนึ่งหรือหลายภาพนิ่งถูกขัดจังหวะเนื่องจากความก้าวหน้าในภาพนิ่งด้วยตนเองหรือเนื่องจากมีการหยุดการทำงานหรือทำลายคำสั่งที่ออก เรียกใช้งานหลังจากเริ่มต้นใช้งานหลังจากการเปลี่ยนภาพนิ่งและหลังจากที่มีการเพิ่มหรือลบสไลด์แล้ว ตัวเลือกอื่น ๆ ตัวเลือกตัวเลือก Cycle2 ประกอบด้วยตัวเลือกภาพสไลด์ทั้งหมดที่แสดงรายละเอียดข้างต้นพร้อมกับส่วนเพิ่มเติมของสถานะการทำงานต่อไปนี้ ข้อมูลสถานะเป็นแบบอ่านอย่างเดียว