แบนเนอร์สไลด์หน้าเว็บ (Banner Carousel)

คำอธิบาย

ระบบจัดการแบนเนอร์สไลด์ (Carousel) ที่แสดงที่หน้าหลักของเว็บไซต์ ใช้สำหรับโปรโมทโปรโมชั่น กิจกรรม หรือข้อมูลสำคัญให้ผู้เล่นเห็น แบนเนอร์จะเลื่อนอัตโนมัติทุก 5 วินาที และสามารถคลิกเพื่อนำทางไปยังหน้าต่างๆ ได้

แอดมินสามารถอัปโหลด จัดเรียง แก้ไข และลบแบนเนอร์ได้ รวมถึงปรับขนาดสัดส่วนของแบนเนอร์ระหว่าง 16:9 (ใหญ่) และ 16:7 (เล็ก)

ผู้ใช้งาน

• แอดมิน / โอเปอเรเตอร์: จัดการแบนเนอร์สไลด์ทั้งหมด (อัปโหลด แก้ไข ลบ จัดเรียง)
• ผู้เล่น: ดูแบนเนอร์ที่หน้าหลักของเว็บ คลิกเพื่อไปยังหน้าที่กำหนด

ก่อนใช้งาน

สำหรับแอดมิน:

• ต้องมีสิทธิ์ "ตั้งค่าเว็บไซต์" (WEB_SETTING)
• เตรียมไฟล์รูปภาพที่มีสัดส่วนที่เหมาะสม (16:9 หรือ 16:7)
• แนะนำขนาดรูป: 1920×1080 พิกเซล (16:9) หรือ 1920×840 พิกเซล (16:7)

สำหรับผู้เล่น:

• ไม่มีข้อกำหนด สามารถดูแบนเนอร์ได้ทันที

วิธีใช้งาน

สำหรับแอดมิน

เข้าถึงหน้าจัดการแบนเนอร์

1. เข้าไปที่เมนู "ตั้งค่า" ในเมนูด้านข้างของแอดมิน
2. คลิกเพื่อขยายเมนู จะเห็นรายการย่อย
3. เลือก "ตั้งค่าเว็บไซต์"
4. เลื่อนลงมาที่ส่วน "รายชื่อกลุ่มการรูปสไลด์"

---

ตั้งค่าขนาดแบนเนอร์

ขนาดที่รองรับ:

• เล็ก (16:7) - แบนเนอร์สูงน้อยกว่า เหมาะสำหรับเว็บที่ต้องการพื้นที่เนื้อหามากขึ้น
• ใหญ่ (16:9) - แบนเนอร์มาตรฐาน เหมาะกับรูปโปรโมชั่นทั่วไป (ค่าเริ่มต้น)

วิธีเปลี่ยนขนาด:

1. ในส่วน "ขนาดรูปสไลด์" คลิกที่ดรอปดาวน์
2. เลือกขนาดที่ต้องการ: เล็ก (16:7) หรือ ใหญ่ (16:9)
3. หากมีรูปสไลด์อยู่แล้ว จะมีหน้าต่างยืนยันแจ้งเตือนว่าจะเปลี่ยนสัดส่วน
4. ตรวจสอบว่ารูปภาพเดิมเป็นสัดส่วนที่ถูกต้องหรือไม่
5. คลิก "ยืนยัน" เพื่อบันทึก

⚠️ คำเตือน: การเปลี่ยนขนาดจะส่งผลต่อการแสดงผลของรูปทั้งหมด หากรูปเดิมไม่ใช่สัดส่วนที่เลือก รูปจะผิดเพี้ยน

---

อัปโหลดแบนเนอร์ใหม่

1. ในส่วน "รูปสไลด์" คลิกปุ่ม "อัพโหลดรูป (สัดส่วน 16:9)" หรือ (สัดส่วน 16:7) แล้วแต่ขนาดที่ตั้งไว้
2. เลือกไฟล์รูปภาพจากคอมพิวเตอร์ (รองรับ JPG, PNG, WEBP)
3. ระบบจะแสดงเครื่องมือครอปรูป (Image Cropper)
4. ปรับตำแหน่งและขนาดรูปภาพให้เหมาะสม
5. (ไม่บังคับ) กรอก Link - URL ที่ต้องการให้ผู้เล่นไปเมื่อคลิกแบนเนอร์
   • ใส่ลิงก์ภายในเว็บ เช่น /promotion หรือ /deposit
   • หรือลองตลิกไปหน้าที่ต้องการในเว็บจริงแล้วดูว่า / อะไรอยู่
6. คลิก "อัพโหลด" เพื่อบันทึก
7. แบนเนอร์จะถูกเพิ่มเข้าไปในรายการและแสดงที่หน้าเว็บทันที

ข้อมูลที่กรอก:

• รูปภาพ (บังคับ) - ไฟล์รูปแบนเนอร์ ต้องครอปให้ได้สัดส่วนตามที่กำหนด
• Link (ไม่บังคับ) - URL ที่ต้องการให้นำทาง เมื่อคลิกที่แบนเนอร์

---

จัดเรียงแบนเนอร์

1. ในรายการแบนเนอร์ จะเห็นรูปภาพทั้งหมดเรียงตามลำดับ
2. แบนเนอร์ด้านบนสุดจะแสดงเป็นอันดับแรกบนเว็บ
3. ลากและวาง (Drag & Drop) แบนเนอร์เพื่อจัดเรียงลำดับ
4. ลำดับจะถูกบันทึกอัตโนมัติ

---

แก้ไขแบนเนอร์

1. คลิกที่ไอคอน "แก้ไข" (รูปดินสอ) บนแบนเนอร์ที่ต้องการแก้ไข
2. แก้ไข Link หรืออัปโหลดรูปใหม่
3. คลิก "บันทึก" เพื่อบันทึกการเปลี่ยนแปลง

---

ลบแบนเนอร์

1. คลิกที่ไอคอน "ลบ" (รูปถังขยะ) บนแบนเนอร์ที่ต้องการลบ
2. ระบบจะขอยืนยันการลบ
3. คลิก "ยืนยัน" เพื่อลบแบนเนอร์
4. แบนเนอร์จะหายไปจากหน้าเว็บทันที

---

สำหรับผู้เล่น

ดูแบนเนอร์บนหน้าเว็บ

1. เปิดหน้าแรกของเว็บไซต์
2. แบนเนอร์สไลด์จะแสดงที่ด้านบนสุดของหน้า
3. แบนเนอร์จะเลื่อนอัตโนมัติทุก 5 วินาที
4. สามารถคลิกลูกศรซ้าย-ขวา เพื่อเลื่อนดูแบนเนอร์ด้วยตัวเอง
5. สามารถคลิกที่จุดด้านล่างเพื่อข้ามไปแบนเนอร์ที่ต้องการ
6. เมื่อเมาส์วางอยู่บนแบนเนอร์ การเลื่อนอัตโนมัติจะหยุดชั่วคราว

---

ข้อจำกัด

• สัดส่วนรูป: ต้องครอปรูปให้ได้สัดส่วนที่กำหนด (16:9 หรือ 16:7) ไม่สามารถใช้สัดส่วนอื่นได้
• ขนาดไฟล์: แนะนำไม่เกิน 2 MB ต่อรูป เพื่อความเร็วในการโหลด
• จำนวนแบนเนอร์: ไม่จำกัด แต่แนะนำไม่เกิน 5-7 แบนเนอร์ เพื่อไม่ให้ผู้เล่นเบื่อ

ตัวอย่างการใช้งาน

ตัวอย่างลิงก์แบนเนอร์ที่เหมาะสม:

ลิงก์ภายใน (Internal Links):

• /promotion - ไปหน้าโปรโมชั่น
• /deposit - ไปหน้าฝากเงิน
• /games/slot - ไปหน้าเกมสล็อต
• /shop - ไปหน้าร้านค้า

ตัวอย่างการใช้งานจริง:

• แบนเนอร์ 1: โปรโมชั่นฝาก 100 รับ 200 → Link: /promotion
• แบนเนอร์ 2: เกมใหม่ JILI SLOT → Link: /games/slot?provider=JILI
• แบนเนอร์ 4: ร้านค้าแลกของรางวัล → Link: /shop
• แบนเนอร์ 5: แจ็คพอตแตก → ไม่มี Link (แค่แสดงภาพ)

---

การแก้ปัญหา

• ปัญหา: แอดมินไม่เห็นส่วนจัดการแบนเนอร์
  วิธีแก้: ตรวจสอบว่ามีสิทธิ์ "ตั้งค่าเว็บไซต์" หรือไม่ หากเพิ่งเปลี่ยนสิทธิ์ ให้ออกจากระบบแล้วเข้าใหม่

• ปัญหา: แบนเนอร์แสดงผิดเพี้ยนบนหน้าเว็บ
  วิธีแก้: ตรวจสอบว่ารูปที่อัปโหลดมีสัดส่วนถูกต้อง (16:9 หรือ 16:7) และครอปให้เต็มกรอบ

• ปัญหา: เปลี่ยนขนาดแบนเนอร์แล้วรูปเก่าผิดเพี้ยน
  วิธีแก้: ต้องอัปโหลดรูปใหม่ที่มีสัดส่วนถูกต้องตามขนาดที่เลือก หรือเปลี่ยนกลับเป็นขนาดเดิม

• ปัญหา: คลิกแบนเนอร์แล้วไม่ไปหน้าที่ตั้งไว้
  วิธีแก้: ตรวจสอบว่ากรอก Link ไว้หรือไม่ และ Link ถูกต้อง หากเป็นลิงก์ภายนอกต้องมี https:// นำหน้า

• ปัญหา: แบนเนอร์ไม่เลื่อนอัตโนมัติ
  วิธีแก้: ตรวจสอบว่ามีแบนเนอร์มากกว่า 1 รูปหรือไม่ ถ้ามีแค่ 1 รูปจะไม่มีการเลื่อน

---