Module image slider (โมดูล อิมิจ สไลเดอร์) สำหรับแสดงรูปภาพแบบสไลด์

แนะนำ Component , Module, plugin ที่หน้าสนใน ของ Joomla 3 ที่สามารถนำมาใช้งาน ได้

Moderator: mindphp

abdkode
PHP Super Member
PHP Super Member
โพสต์: 361
ลงทะเบียนเมื่อ: 07/01/2019 9:56 am

Module image slider (โมดูล อิมิจ สไลเดอร์) สำหรับแสดงรูปภาพแบบสไลด์

โพสต์ที่ยังไม่ได้อ่าน โดย abdkode »

Features:
  • สามารถแสดงรูปภาพแบบสไลด์ไปมาได้
  • สามารถแสดง description ของรูปภาพ
  • มีเอฟเฟ็กและการปรับแต่งที่หลากหลาย
  • Responsive,รองรับการทำงานบนมือถือหรืออุปกรณ์เคลื่อนที่
เวอร์ชัน 4.0.1:
  • - เพิ่มการสนับสนุน Joomla 4
วิธีการติดตั้งและการใช้งาน Module image slider (โมดูล อิมิจ สไลเดอร์)
  1. ดาวโหลดไฟล์Module image slider มาก่อน จากที่นี่
  2. จากนั้นไปที่หน้าของ Joomla ในฝั่งผู้ดูแลระบบ ถ้าหากยังไม่ได้ติดตั้ง Joomla ก็ต้องทำการติดตั้งก่อน สามารถดูวิธีการติดตั้งได้ ที่นี่
  3. จากนั้นไปที่ Extensions>Manage>Install ดังรูป
    imgslider.png
    imgslider.png (38.2 KiB) Viewed 4036 times
  4. ทำการเพิ่มไฟล์.zip ที่เราดาวน์โหลดมา ดังรูป
    img-slide2.jpg
    img-slide2.jpg (77.52 KiB) Viewed 4036 times
  5. จากนั้นรอการติดตั้ง เมื่อติดตั้งเสร็จไปที่ Extersions ดังรูป
    img-slide3.png
    img-slide3.png (20.11 KiB) Viewed 4036 times
  6. เลือกโมดูลที่ติดตั้งไป ดังรูป
    img-slide4.png
    img-slide4.png (66 KiB) Viewed 4036 times
  7. จากนั้นตั้งชื่อ Title เลือกตำแหน่ง และเปิดเป็นสาธารณะ ดังรูป
    img-slide5.png
    img-slide5.png (43.25 KiB) Viewed 4036 times
  8. จากนั้นก็เลือก ดังรูป ว่าจะให้แสดงที่หน้าใดบ้าง
    img-slide6.png
    img-slide6.png (60.86 KiB) Viewed 4036 times
  9. ที่แท๊บ Customise Slider สามารถเลือกปรับแต่งรูปแบบการสไลด์ได้ดังรูป สามารถใช้ค่าเริ่มต้นได้โดยไม่ต้องทำอะไรในหน้านี้
    img-slide7.png
  10. ที่แท๊บ Advance สามารถเลือกข้อมูลได้ดังรูป
    img-slide8.png
    img-slide8.png (26.11 KiB) Viewed 4036 times
  11. ที่แท๊บ Permission สามารถเลือกข้อมูลได้ดังรูป
    img-slide9.png
    img-slide9.png (58.55 KiB) Viewed 4036 times
  12. จากนั้นกด Save หรือ Save&Close ดังรูป
    img-slide10.png
    img-slide10.png (48.06 KiB) Viewed 4036 times
  13. จากนั้นไปที่แท๊บ Components แล้วเลือก imageslider ที่เราติดตั้ง
    img-slide11.png
    img-slide11.png (111.9 KiB) Viewed 4036 times
  14. เลือก New Category เพื่อสร้าง Categoryใหม่
    img-slide12.png
    img-slide12.png (30.32 KiB) Viewed 4036 times
  15. ตั้งชื่อ Category รวมถึงgเขียน description รายละเอียดย่อ จากนั้นกด save
    img-slide13.png
    img-slide13.png (60.56 KiB) Viewed 4036 times
  16. เลือก New Slide เพื่อสร้างรูปภาพสไลด์
    img-slide14.png
    img-slide14.png (30.17 KiB) Viewed 4036 times
  17. เพิ่มรายละเอียดของสไลด์ จากนั้นกด Save และสร้างใหม่ตามจำนวนรูปที่ต้องการให้แสดง
    -Title = ชื่อสไลด์
    -Category = เลือกหมวดหมู่ที่เราสร้างไว้ก่อนหน้านี้
    -Slide Image = เลือกรูปภาพ
    -Slide Description = รายละของรูปภาพ ซึ่งจะนำไปแสดงด้วย
    -link type = เลือกการกระทำเมื่อมีการกดรูปสไลด์นี้
    img-slide15.png
    img-slide15.png (73.21 KiB) Viewed 4036 times
  18. ไปดูหน้าเว็บก็จะแสดงดังรูป
    รูปภาพ
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 72