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

Post a reply


This question is a means of preventing automated form submissions by spambots.
Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

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

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

Post by abdkode » 30/01/2019 3:52 pm

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 746 times

  4. ทำการเพิ่มไฟล์.zip ที่เราดาวน์โหลดมา ดังรูป
    img-slide2.jpg
    img-slide2.jpg (77.52 KiB) Viewed 746 times

  5. จากนั้นรอการติดตั้ง เมื่อติดตั้งเสร็จไปที่ Extersions ดังรูป
    img-slide3.png
    img-slide3.png (20.11 KiB) Viewed 746 times

  6. เลือกโมดูลที่ติดตั้งไป ดังรูป
    img-slide4.png
    img-slide4.png (66 KiB) Viewed 746 times

  7. จากนั้นตั้งชื่อ Title เลือกตำแหน่ง และเปิดเป็นสาธารณะ ดังรูป
    img-slide5.png
    img-slide5.png (43.25 KiB) Viewed 746 times

  8. จากนั้นก็เลือก ดังรูป ว่าจะให้แสดงที่หน้าใดบ้าง
    img-slide6.png
    img-slide6.png (60.86 KiB) Viewed 746 times

  9. ที่แท๊บ Customise Slider สามารถเลือกปรับแต่งรูปแบบการสไลด์ได้ดังรูป สามารถใช้ค่าเริ่มต้นได้โดยไม่ต้องทำอะไรในหน้านี้
    img-slide7.png

  10. ที่แท๊บ Advance สามารถเลือกข้อมูลได้ดังรูป
    img-slide8.png
    img-slide8.png (26.11 KiB) Viewed 746 times

  11. ที่แท๊บ Permission สามารถเลือกข้อมูลได้ดังรูป
    img-slide9.png
    img-slide9.png (58.55 KiB) Viewed 746 times

  12. จากนั้นกด Save หรือ Save&Close ดังรูป
    img-slide10.png
    img-slide10.png (48.06 KiB) Viewed 746 times

  13. จากนั้นไปที่แท๊บ Components แล้วเลือก imageslider ที่เราติดตั้ง
    img-slide11.png
    img-slide11.png (111.9 KiB) Viewed 746 times

  14. เลือก New Category เพื่อสร้าง Categoryใหม่
    img-slide12.png
    img-slide12.png (30.32 KiB) Viewed 746 times

  15. ตั้งชื่อ Category รวมถึงgเขียน description รายละเอียดย่อ จากนั้นกด save
    img-slide13.png
    img-slide13.png (60.56 KiB) Viewed 746 times

  16. เลือก New Slide เพื่อสร้างรูปภาพสไลด์
    img-slide14.png
    img-slide14.png (30.17 KiB) Viewed 746 times

  17. เพิ่มรายละเอียดของสไลด์ จากนั้นกด Save และสร้างใหม่ตามจำนวนรูปที่ต้องการให้แสดง
    -Title = ชื่อสไลด์
    -Category = เลือกหมวดหมู่ที่เราสร้างไว้ก่อนหน้านี้
    -Slide Image = เลือกรูปภาพ
    -Slide Description = รายละของรูปภาพ ซึ่งจะนำไปแสดงด้วย
    -link type = เลือกการกระทำเมื่อมีการกดรูปสไลด์นี้
    img-slide15.png
    img-slide15.png (73.21 KiB) Viewed 746 times

  18. ไปดูหน้าเว็บก็จะแสดงดังรูป
    Image

Top