ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

คู่มือสอนและแนะนำการใช้งาน Module M Slideshows (โมดูล เอ็มสไลด์โชว์)

      Module M Slideshows (โมดูล เอ็ม สไลด์โชว์) เป็น Module (โมดูล) หรือ ส่วนเสริมการแสดงผลอยู่ที่ด้านหน้าของเว็บไซต์ สำหรับช่วยแสดงรูปภาพหรือแม้แต่ Video Youtube (วีดีโอ ยูทูป) ในเนื้อหาที่สร้างขึ้นแล้วนำมาสไลด์โชว์ให้เกิดความสะดวกสบายและสวยงามต่อการใช้งาน สามารถเริ่มทำงานอัตโนมัติเมื่อเว็บไซต์ถูกใช้งาน มีรูปแบบการแสดงรูปภาพสไลด์ให้เลือกหลายรูปแบบ ตอบสนองการทำงานบนหน้าเว็บไซต์ได้เป็นอย่างดี

ก่อนอื่นสามารถดาวน์โหลด Module M Slideshows ได้ที่ ดาวน์โหลด

วิธีการใช้งาน Module Mslideshows 

1.หลังจากติดตั้ง Extension M Slideshows (เอ็กเทนชัน เอ็ม สไลด์โชว์) แล้ว ให้ไปที่ ส่วนเสริม > จัดการโมดูล

 วิธีการใช้งาน Module MSlideshows

 

2.ให้ทำการเข้าไปที่ M Slideshows

วิธีการใช้งาน Module MSlideshows 

3.ก็จะเข้ามาเจอหน้าตั้งค่า Module ดังนี้

  • หมายเลข 1 คือ  จำนวนบทความที่แสดง คือ จำนวนหัวข้อที่จะกำหนดให้แสดง
  • หมายเลข 2 คือ  อ่านทั้งหมด คือ เลือกอ่านเนื้อหาทั้งหมด ในเว็บไซต์นอกเหนือจากใน Slide (สไลด์) (ใส่ลิ้ง url (ยูอาร์แอล) ข่าวทั้งหมดแล้วจะมีปุ่ม อ่านทั้งหมดข้างล่างของ ตัว M Slideshow)
  • หมายเลข 3 คือ  หมวดหมู่คือ การเลือกแสดงเฉพาะหมวดหมู่ใดหมวดหมู่หนึ่ง
  • หมายเลข 4 คือ  แสดงหมวดหมู่ย่อย คือ เลือกแสดงเมนูย่อยของหมวดหมู่
  • หมายเลข 5 คือ  หมวดหมู่ที่ยกเว้น คือ การเลือกไม่แสดงหมวดหมู่ใดหมวดหมู่หนึ่งจาก ทั้งหมด
  • หมายเลข 6 คือ  การเปิดลิงค์: เลือกวิธีการเปิดเนื้อหาว่าจะให้เปิดแบบหน้าใหม่หรือหน้าเดิม3.7 ตำแหน่ง คือ ตำแหน่งที่ต้องการใช้งาน
  • หมายเลข 7 คือ  สถานะ คือ การแสดงผลนั้นจะถูก เผยแพร่หรือ ไม่เผยแพร่
  • หมายเลข 8 คือ  ใช้งานแคช คือ เปิดใช้งาน Cache (แคช)

 

วิธีการใช้งาน Module MSlideshows

 

  • หมายเลข 9 คือ  เวลาแคช คือ กำหนดเวลาหมดอายุของ Cache
  • หมายเลข 10 คือ  การแสดงผลของสไลด์ คือ การเลือกการแสดงของตัวสไลด์นั้นให้เป็นแบบ responsive (เรสปอนซีฟ) (ปรับขนาดตามอุปกรณ์ที่ใช้) หรือ static(แสดงผลตามที่ตั้งค่าไว้)
  • หมายเลข 11 คือ  ความกว้าง คือ ขนาดความกว้างของ M Slideshows
  • หมายเลข 12 คือ  ความสูง คือ ขนาดความสูงของ M Slideshows
  • หมายเลข 13 คือ  ความเร็ว คือความเร็วในการเลื่อนรูปภาพอัตโนมัต
  • หมายเลข 14 คือ  ภาพเริ่มต้นถ้าไม่มีบทความ : เป็นการกำหนดรูปภาพ ให้กับบทความที่ไม่ได้มีรูปภาพ โดยสามารถใส่ url รูปภาพหรือ path (พาท) ของรูปภาพเราก็ได้
  • หมายเลข 15 คือ  จำนวนรายการของรูปย่อ : จำนวนการแสดงผลรูปย่อของบทความ ที่จะเอามาแสดงใน M slideshows
  • หมายเลข 16 คือ  การแสดงผลรูปภาพย่อ : เลือกแสดงแบบตามสัดส่วนจริง หรือ ขยายสัดส่วน
  • หมายเลข 17 คือ  กำหนด Class (คลาส) รูปย่อด้านขวา : สำหรับท่านที่ต้องการจัดการรูปภาพด้วย css (ซีเอ็สเอ็ส)
  • หมายเลข 18 คือ  หยุดเมื่อเอาเมาส์ไปวาง : เลือก enabled (เอ็นเอเบิ้ล) จะได้ผลเป็น เมื่อเอาเมาส์ไปวางบน M Slideshows เนื้อหาจะหยุดเลื่อนต่อรูป

วิธีการใช้งาน Module MSlideshows

 

  • หมายเลข 19 คือ  จำนวนการวนซ้ำ : เมื่อเลือก enabled ตัวสไลด์ก็จะวนไปเรื่อยๆ disabled (ดิสเอเบิ้ล) ไม่มีการวนต่อ
  • หมายเลข 20 คือ  โหมดการแสดงรูปภาพ : การนำเสนอรูปภาพจะใช้แบบไหน stretch (สเตร็ช) , contain (คอนเทน) , cover (โควเวอร์) ,actual size (แอ็คชัวล์ ไซส์) , contain and actual size
  • หมายเลข 21 คือ  คลิกลากรูปภาพ คือ ใช้เมาส์ลากที่รูปภาพเพื่อเปลี่ยนเนื้อหาเป็นอันต่อไปได้
  • หมายเลข 22 คือ  รูปแบบสไลด์ คือ รูปย่อคือ แบบปกติที่จะแสดงบทความอื่นๆทางด้านขวามือด้วย ส่วน แสดงสไลด์เท่านั้นจะแสดงเฉพาะ เนื้อหาของรูปนั้นๆ
  • หมายเลข 23 คือ  สีของข้อความสไลด์ : เลือกสีของข้อความบนสไลด์
  • หมายเลข 24 คือ  แสดงข้อความของสไลด์ คือ ระบุตำแหน่งในการแสดงข้อความของบทความในส่วนใด
  • หมายเลข 25 คือ  แสดงวีดีโอ คือ ให้แสดง Video หรือไม่ (ถ้ามีการใส่ Link YouTube)
  • หมายเลข 26 คือ  แท็กวีดีโอ คือ การใช้คำสั่งนี้ในการแสดงผล YouTube เท่านั้น
  • หมายเลข 27 คือ  Connect to Master (คอนเน็ค ทู มาสเตอร์) คือ เชื่อมต่อกับเว็บไซต์ที่ตั้ง Multisite Content (มัลติไซต์ คอนเท้น)
  • หมายเลข 28 คือ  Web Master Name (เว็บไซต์ มาสเตอร์ เนม) คือ url ของเว็บไซต์

วิธีการใช้งาน Module MSlideshows

 

4. หลังจากการกำหนดการตั้งค่าเสร็จสิ้น ทดลองการแสดงผล หน้าเว็บไซต์

วิธีการใช้งาน Module MSlideshows

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีการกำหนด css ให้กับ คลาสแบบ !important โดยใช้งาน JQuery
โดย Ittichai_chupol ศ 13 ธ.ค. 2019 5:53 pm บอร์ด Jquery & Ajax Knowledge
0
9
ศ 13 ธ.ค. 2019 5:53 pm โดย Ittichai_chupol
โปรแกรมคำนวณภาษีมูลค่าเพิ่มหลังรวม VAT
โดย prmindphp ศ 13 ธ.ค. 2019 5:31 pm บอร์ด MindPHP News & Feedback
0
7
ศ 13 ธ.ค. 2019 5:31 pm โดย prmindphp
กาลครั้งหนึ่ง ของโปรแกรมเมอร์ฝึกหัด ???
โดย chatee supasand ศ 13 ธ.ค. 2019 4:03 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
10
ศ 13 ธ.ค. 2019 4:03 pm โดย chatee supasand
โปรแกรมเมอร์ คนแรกของโลก คือใคร?
โดย noppadonsk ศ 13 ธ.ค. 2019 3:18 pm บอร์ด Share Knowledge
0
10
ศ 13 ธ.ค. 2019 3:18 pm โดย noppadonsk
RGB กับ CMYK ให้สีแตกต่างกันอย่างไร
โดย noppadonsk ศ 13 ธ.ค. 2019 3:01 pm บอร์ด Share Knowledge
0
6
ศ 13 ธ.ค. 2019 3:01 pm โดย noppadonsk
SECUMAIL เทคโนโลยีป้องกันการ Hack อีเมล
โดย noppadonsk ศ 13 ธ.ค. 2019 2:32 pm บอร์ด Share Knowledge
0
17
ศ 13 ธ.ค. 2019 2:32 pm โดย noppadonsk
VDO - Introducing to Plugin Content MChangelog
โดย numtan5839 ศ 13 ธ.ค. 2019 1:33 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
2
12
ศ 13 ธ.ค. 2019 5:10 pm โดย numtan5839
Teamviewer 15 ใช้งาน TeamViewer Pilot ได้แล้วบน PC
โดย chatee supasand ศ 13 ธ.ค. 2019 12:09 pm บอร์ด Microsoft Office Knowledge & line & Etc
1
16
ศ 13 ธ.ค. 2019 1:38 pm โดย rihankhan
VDO โปรแกรมคำนวณภาษีมูลค่าเพิ่มหลังรวม VAT
โดย numtan5839 ศ 13 ธ.ค. 2019 10:05 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
2
9
ศ 13 ธ.ค. 2019 10:26 am โดย numtan5839
icon ธงภาษาไม่แสดง
โดย numtan5839 ศ 13 ธ.ค. 2019 9:48 am บอร์ด MindPHP News & Feedback
0
17
ศ 13 ธ.ค. 2019 9:48 am โดย numtan5839
งานประจำวันที่ 13 ธันวาคม 2562
โดย numtan5839 ศ 13 ธ.ค. 2019 9:27 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
3
15
ศ 13 ธ.ค. 2019 7:33 pm โดย numtan5839
งานประจำวันที่ 13 ธันวาคม 2562
โดย noppadonsk ศ 13 ธ.ค. 2019 9:03 am บอร์ด MT36 - นายนพดล สุชญากูล
11
34
ศ 13 ธ.ค. 2019 6:09 pm โดย nnamfon.26
Plugin Content MChangeLog ใน Joomla เป็นตัวช่วยให้ เพิ่มเนื้อหาที่มีการเปลี่ยนแปลงแบบ เพิ่มเนื้อหา อัพเดด fix ปัญหา
โดย prmindphp พฤ 12 ธ.ค. 2019 6:46 pm บอร์ด MindPHP News & Feedback
0
30
พฤ 12 ธ.ค. 2019 6:46 pm โดย prmindphp
วิธีการเขียน SQL สำหรับเปลี่ยน Collation เพื่อปรับเปลี่ยนการรองรับภาษา ใน ตารางฐานข้อมูล
โดย Ittichai_chupol พฤ 12 ธ.ค. 2019 4:17 pm บอร์ด SQL Knowledge
0
17
พฤ 12 ธ.ค. 2019 4:17 pm โดย Ittichai_chupol
สอบถามการใช้ Python
โดย Anonymous พฤ 12 ธ.ค. 2019 11:51 am บอร์ด Programming - PHP
0
24
พฤ 12 ธ.ค. 2019 11:51 am โดย บุคคลทั่วไป
Funny today ไปไหน???
โดย chatee supasand พฤ 12 ธ.ค. 2019 11:44 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
33
พฤ 12 ธ.ค. 2019 11:44 am โดย chatee supasand
VDO - แนะนำการใช้งาน Plugin Content M Change Log
โดย numtan5839 พฤ 12 ธ.ค. 2019 10:47 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
3
17
พฤ 12 ธ.ค. 2019 2:47 pm โดย numtan5839
งานประจำวันที่ 12 ธันวาคม 2562
โดย numtan5839 พฤ 12 ธ.ค. 2019 10:04 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
5
26
ศ 13 ธ.ค. 2019 2:47 pm โดย numtan5839
วิธีการนำข้อมูลคำอธิบายภาพออก ในโพสต์ของ php
โดย Ittichai_chupol พ 11 ธ.ค. 2019 7:03 pm บอร์ด PHP Knowledge
1
38
พฤ 12 ธ.ค. 2019 10:59 am โดย Sirayu
โปรแกรมคำนวณเพซ
โดย prmindphp พ 11 ธ.ค. 2019 6:50 pm บอร์ด MindPHP News & Feedback
0
35
พ 11 ธ.ค. 2019 6:50 pm โดย prmindphp