เว็บบอร์ด PHP เว็บส่งเสริมการเรียนรู้ Hosting CRM ERP Server Programming ถาม-ตอบปัญหา

[size=120][color=#FF0080][b]Features:[/b][/color][/size]
[list][*]สามารถแสดงรูปภาพแบบสไลด์ไปมาได้
[*]สามารถแสดง description ของรูปภาพ
[*]มีเอฟเฟ็กและการปรับแต่งที่หลากหลาย
[*]Responsive,รองรับการทำงานบนมือถือหรืออุปกรณ์เคลื่อนที่[/list]

เวอร์ชัน 4.0.1:
[list][*]- เพิ่มการสนับสนุน Joomla 4[/list]

[size=120][color=#FF0080][b]วิธีการติดตั้งและการใช้งาน Module image slider (โมดูล อิมิจ สไลเดอร์) [/b][/color][/size]
[list=1][*]ดาวโหลดไฟล์Module image slider มาก่อน [url=https://dj-extensions.com/downloads/doc_download/82-dj-imageslider-aio-all-in-one-joomla-3x-joomla-4-alpha]จากที่นี่[/url]
[*]จากนั้นไปที่หน้าของ Joomla ในฝั่งผู้ดูแลระบบ ถ้าหากยังไม่ได้ติดตั้ง Joomla ก็ต้องทำการติดตั้งก่อน สามารถดูวิธีการติดตั้งได้ [url=https://www.mindphp.com/%E0%B8%9A%E0%B8%97%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1/34-joomla/4643-how-to-installation-joomla-3-8.html]ที่นี่[/url]
[*]จากนั้นไปที่ Extensions>Manage>Install ดังรูป
[attachment=14]imgslider.png[/attachment]

[*]ทำการเพิ่มไฟล์.zip ที่เราดาวน์โหลดมา ดังรูป
[attachment=13]img-slide2.jpg[/attachment]

[*]จากนั้นรอการติดตั้ง เมื่อติดตั้งเสร็จไปที่ Extersions ดังรูป
[attachment=12]img-slide3.png[/attachment]

[*]เลือกโมดูลที่ติดตั้งไป ดังรูป
[attachment=11]img-slide4.png[/attachment]

[*]จากนั้นตั้งชื่อ Title เลือกตำแหน่ง และเปิดเป็นสาธารณะ ดังรูป
[attachment=10]img-slide5.png[/attachment]

[*]จากนั้นก็เลือก ดังรูป ว่าจะให้แสดงที่หน้าใดบ้าง
[attachment=9]img-slide6.png[/attachment]

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

[*]ที่แท๊บ Advance สามารถเลือกข้อมูลได้ดังรูป
[attachment=7]img-slide8.png[/attachment]

[*]ที่แท๊บ Permission สามารถเลือกข้อมูลได้ดังรูป
[attachment=6]img-slide9.png[/attachment]

[*]จากนั้นกด Save หรือ Save&Close ดังรูป
[attachment=5]img-slide10.png[/attachment]

[*]จากนั้นไปที่แท๊บ Components แล้วเลือก imageslider ที่เราติดตั้ง
[attachment=4]img-slide11.png[/attachment]

[*]เลือก New Category เพื่อสร้าง Categoryใหม่
[attachment=3]img-slide12.png[/attachment]

[*]ตั้งชื่อ Category รวมถึงgเขียน description รายละเอียดย่อ จากนั้นกด save
[attachment=2]img-slide13.png[/attachment]

[*]เลือก New Slide เพื่อสร้างรูปภาพสไลด์
[attachment=1]img-slide14.png[/attachment]

[*]เพิ่มรายละเอียดของสไลด์ จากนั้นกด Save และสร้างใหม่ตามจำนวนรูปที่ต้องการให้แสดง
-Title = ชื่อสไลด์
-Category = เลือกหมวดหมู่ที่เราสร้างไว้ก่อนหน้านี้
-Slide Image = เลือกรูปภาพ
-Slide Description = รายละของรูปภาพ ซึ่งจะนำไปแสดงด้วย
-link type = เลือกการกระทำเมื่อมีการกดรูปสไลด์นี้
[attachment=0]img-slide15.png[/attachment]

[*]ไปดูหน้าเว็บก็จะแสดงดังรูป
[img]http://snap.mindphp.com/index.php?view=2019Jan30_5c5161aed0dee[/img][/list]