ทำให้ภาพเคลื่อนไหวแสดงแบบวนซ้ำ

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

การวนซ้ำภาพเคลื่อนไหวที่มีองค์ประกอบเดียว

1. บนไทม์ไลน์ ให้คลิกปุ่มตั้งค่าการเล่นซ้ำภาพเคลื่อนไหว บนเลเยอร์ภาพเคลื่อนไหวที่ต้องการให้วนซ้ำ
2. ในเมนูป๊อปอัป ให้เลือกตัวเลือกดังนี้
   • ไม่มีสิ้นสุด - ภาพเคลื่อนไหวจะวนซ้ำไม่มีสิ้นสุด
   • ___ ครั้ง - ภาพเคลื่อนไหวจะวนซ้ำตามจำนวนครั้งที่ระบุ
   • ไม่มี - ภาพเคลื่อนไหวจะไม่วนซ้ำ

คีย์เฟรมที่วนซ้ำแสดงเป็นสำเนาโปร่งแสงบนไทม์ไลน์ ในตัวอย่างด้านล่าง องค์ประกอบ red-div มีภาพเคลื่อนไหวยาว 0.5 วินาทีที่เล่นวนซ้ำทั้งหมด 4 ครั้ง

คุณดูตัวอย่างภาพเคลื่อนไหวที่วนซ้ำบนพื้นที่งานได้โดยคลิกเล่น ในไทม์ไลน์

การวนซ้ำภาพเคลื่อนไหวที่มีหลายองค์ประกอบ

คุณเพิ่มเหตุการณ์เพื่อวนซ้ำภาพเคลื่อนไหวทั้งหมดในหน้าเว็บได้ ซึ่งจะเริ่มต้นและสิ้นสุดตามเวลาที่คุณระบุ

1. กำหนดป้ายกำกับของไทม์ไลน์ที่ต้องการให้ภาพเคลื่อนไหวเริ่มวนซ้ำ
   1. คลิกขวาที่แทร็กเหตุการณ์ (แถวแรกของไทม์ไลน์) ที่ต้องการให้ภาพเคลื่อนไหวเริ่มวนซ้ำ และเลือกเพิ่มป้ายกำกับ... จากเมนูป๊อปอัป
   2. ป้อนชื่อป้ายกำกับ เช่น loopStart ในกล่องโต้ตอบป๊อปอัป
   3. กด Enter
2. คลิกขวาที่แทร็กเหตุการณ์ในตำแหน่งที่ต้องการให้ภาพเคลื่อนไหวสิ้นสุดการวนซ้ำ และเลือกเพิ่มเหตุการณ์จากเมนูป๊อปอัป
   
3. ดับเบิลคลิกตัวทำเครื่องหมายเหตุการณ์ เพื่อกำหนดค่าเหตุการณ์ดังนี้
   1. สำหรับการกระทำให้เลือก
      • ไทม์ไลน์ > gotoAndPlay สำหรับการวนซ้ำที่ไม่มีสิ้นสุด
      • ไทม์ไลน์ > gotoAndPlayNTimes สำหรับการวนซ้ำที่ระบุจำนวนครั้ง
   2. สำหรับผู้รับ ให้เลือกหน้าเว็บ
   3. สำหรับการกำหนดค่า ให้เลือกป้ายกำกับที่คุณสร้างไว้ก่อนหน้านี้ (ตัวอย่างเช่น loopStart ) และกำหนดจำนวนครั้งที่คุณต้องการให้ภาพวนซ้ำ

ใช้ปุ่มแสดงตัวอย่าง เพื่อดูว่าภาพเคลื่อนไหวที่ตั้งค่าวนซ้ำทำงานอย่างไรในเบราว์เซอร์