16. โชว์รูป Link ด้วย DJ-ImageSlider

คลิปวิดีโอนี้เป็นการรีวิวและสอนใช้งานส่วนเสริม (Extension) ที่ชื่อว่า DJ-ImageSlider สำหรับ Joomla ซึ่งเป็นเครื่องมือยอดนิยมที่ผู้สอนใช้มานานในการสร้างสไลด์โชว์รูปภาพที่สามารถใส่ลิงก์เชื่อมโยงไปยังหน้าเว็บอื่น ๆ ได้ครับ [00:51]

จุดเด่นของ DJ-ImageSlider

• แสดงผลได้หลายรูปแบบ: เลือกได้ทั้งสไลด์แนวตั้ง (Vertical), แนวนอน (Horizontal) หรือแบบจาง (Fade) [10:07]
• การใส่ลิงก์: สามารถทำลิงก์จากรูปภาพไปยังเมนูในเว็บ (Menu Item), บทความ (Article) หรือ URL ภายนอกก็ได้ [07:37]
• รองรับ Joomla 4: พัฒนาต่อเนื่องและใช้งานได้ดีกับ Joomla 4 และ 5 [02:45]

ขั้นตอนการตั้งค่าหลัก [04:55]

1. สร้าง Category: ไปที่ Component > DJ-ImageSlider เพื่อสร้างหมวดหมู่สำหรับกลุ่มรูปภาพที่ต้องการโชว์
2. เพิ่มรูปสไลด์ (Slides):
   • สร้างสไลด์ใหม่ (New)
   • เลือกรูปภาพที่อัปโหลดไว้ (แนะนำให้ออกแบบรูปให้มีขนาดเท่ากันก่อน) [05:53]
   • ใส่หัวข้อ (Title) และคำอธิบาย (Description) หากต้องการ
   • ตั้งค่าลิงก์ในส่วนของ "Other Options" [07:32]
3. ตั้งค่าโมดูล (Module): ไปที่ Extensions > Site Modules เพื่อเปิดใช้งานโมดูล DJ-ImageSlider
   • Select Source: เลือกเป็น Component เพื่อดึงข้อมูลที่เราสร้างไว้ [09:41]
   • Slider Settings: กำหนดความกว้าง-สูงของสไลด์ให้สัมพันธ์กับขนาดรูปภาพจริง [11:32]
   • Visible Images: เลือกจำนวนรูปที่จะให้โชว์พร้อมกันในหนึ่งแถว (เช่น โชว์ 4 รูปจากทั้งหมด 6 รูปเพื่อให้เกิดการสไลด์) [12:07]

เทคนิคการปรับแต่งปุ่มควบคุม [15:28]

ในส่วนของ Customise Slider ผู้สอนแนะนำการปรับตำแหน่งปุ่มกด (Next/Prev) ให้สวยงาม:

• หากต้องการให้ปุ่มอยู่กึ่งกลางรูปพอดี ให้ดูความสูงของรูปแล้วหารสอง (เช่น รูปสูง 200px ให้ตั้งค่า Vertical Position ของปุ่มเป็น 100px) [16:22]
• สามารถเลือกแสดงหรือซ่อนปุ่มควบคุมและจุดนำทาง (Dots) ได้ตามความต้องการ [12:46]

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