ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

เมือเราทราบวิธีใช่ MD Gallery แล้วไม่ว่าจะเป็นวิธีการสร้าง Gallery การลบ Gallery หรือการแก้ไข Gallery กันแล้วเราก็จะต้องนำเสนอ Gallery ของเราบนเว็บไซต์ให้ผู้ที่เข้ามาดูเว็บไซต์ของเราเห็น Gallery ที่เราได้สร้างกันเอาไว้วิธีการจัดตำแหน่งของ MD Gallery มีวิธีกังนี้

MD Gallery นั้นคือ Component ที่เราสามารถจัดว่างตำแหน่งตามเมนูต่าง ๆ ในหน้าเว็บไซต์ของเราในคู่มือนี้ก็จะแสดงวิธีที่จะทำให้ MD Gallery นั้นแสดงในเมนู Main Menu

ให้เข้าไปยังระบบหลังบ้าน (administrator)
1. คลิกที่เมนู Menus
2. คลิก Main Menu หรือเมนูหลักอื่นที่เราต้องการให้ MD Gallery ไปแสดง

ภาพตัวอย่างการเข้าไป Main Menu
ภาพตัวอย่างการเข้าไป Main Menu



เมือเข้ามาแล้วเราก็จะอยู่ที่ Menus ltems ให้คลิกที่ New

ภาพตัวอย่างการสร้างเมนูใหม่
ภาพตัวอย่างการสร้างเมนูใหม่



จะมีตั้งค่า
1. ตั้งชื่อเมนู Gallery
2. คลิกที่ Select

ภาพตัวอย่างการสร้างเมนู galleryใหม่
ภาพตัวอย่างการสร้างเมนู galleryใหม่



เมื่อคลิกที่ Select แล้วก็จะมีหน้า popup ขึ้นมา
1. คลิกที่ MD Gallery
2. เลือก Gallery ที่เราต้องการจะให้แสดง

ภาพตัวอย่างการเลือก MD Gallery
ภาพตัวอย่างการเลือก MD Gallery



จากนั้นให้กด Save & Close

ภาพตัวอย่างกดปุ่ม Save & Close



เราก็จะเห็นเมนูที่เราสร้างขึ้นมาใหม่แล้ว

ภาพตัวอย่างเมนูใหม่ที่ถูกสร้างขึ้นมา
ภาพตัวอย่างเมนูใหม่ที่ถูกสร้างขึ้นมา



ลองออกไปดูที่หน้าเว็บของเราก็จะเห็นมนู Gallery อยู่ใน Main Menu แล้ว

ภาพตัวอย่างการเมนู gallery ที่หน้าเว็บไซต์
ภาพตัวอย่างการเมนู gallery ที่หน้าเว็บไซต์



ลองคลิกเข้าไปที่เมนู Gallery ก็จะเห็นว่ามี Gallery ที่เราได้นำรูปไปใส่ออกมาแสดงแล้ว

 

ภาพตัวอย่างการแสดง gallery

การแสดงผลของ MD Gallery 

เมือเราได้ทราบวิธีที่จะให้ Gallery ของเราแสดงออกมาหน้าเว็บไซต์ได้แล้วเราก็จะมาดูกันว่า MD Gallery นั้นสามารถแสดงรูปภาพใน Gallery ที่เรานำรูปไปฝากไว้ได้อย่างไรเราลองไปดูกันเลย

 

เมื่อคลิกเข้าไปก็จะเป็นรูปภาพใน Gallery ของเราทั้งหมดในหน้าเว็บไซต์

 

ภาพตัวอย่างที่แสดงรูปใน gallery ในหน้าเว็บไซต์
ภาพตัวอย่างที่แสดงรูปใน gallery ในหน้าเว็บไซต์

เมื่อคลิกที่รูป จะแสดงเป็น Popup รูปภาพขึ้นมา

ภาพตัวอย่างการแสดงรูปภาพ popup
ภาพตัวอย่างการแสดงรูปภาพ popup

 

สามารถคลิกเลื่อนรูปภาพถัดไปได้

สามารถคลิกเลื่อนรูปภาพถัดไปได้
สามารถคลิกเลื่อนรูปภาพถัดไปได้

 

 

สามารถเก็บยอดวิวในการคลิกเข้าไปดูแต่ล่ะ Gallery ได้

ภาพตัวอย่างยอดวิวในการคลิกเข้าไปดู
กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
เริ่มลงทุนในอสังหาฯ คุณเองก็ทำได้
โดย Patty Perfume อ 17 พ.ย. 2019 6:08 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
9
อ 17 พ.ย. 2019 6:08 pm โดย Patty Perfume
งานประจำวันที่ 16 พฤศจิกายน 2562
โดย numtan5839 ส 16 พ.ย. 2019 10:28 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
4
16
ส 16 พ.ย. 2019 7:02 pm โดย numtan5839
หา theme language file ไม่เจอ
โดย bankjittapol ส 16 พ.ย. 2019 5:33 pm บอร์ด Joomla Development
2
27
ส 16 พ.ย. 2019 5:50 pm โดย bankjittapol
การใช้งาน Ultrasonic Sensor เซ็นเซอร์ที่ใช้สำหรับตรวจจับระยะห่างของวัดถุ
โดย bankjittapol ส 16 พ.ย. 2019 4:42 pm บอร์ด IOT - Internet of things
0
9
ส 16 พ.ย. 2019 4:42 pm โดย bankjittapol
อยากทราบการแสดงวันที่ในรูปแบบของ joomla
โดย bankjittapol ส 16 พ.ย. 2019 11:14 am บอร์ด Joomla Development
5
45
ส 16 พ.ย. 2019 4:56 pm โดย mindphp
Ultrasonic Sensor คืออะไร
โดย bankjittapol ส 16 พ.ย. 2019 3:40 pm บอร์ด IOT - Internet of things
0
19
ส 16 พ.ย. 2019 3:40 pm โดย bankjittapol
Database Normalization
โดย bankjittapol ศ 15 พ.ย. 2019 6:31 pm บอร์ด PHP Knowledge
1
29
ส 16 พ.ย. 2019 5:02 pm โดย Losa
วิธีการนำค่าจาก attribute ที่อยู่ใน element หนึ่ง ไปใส่ให้กับ attribute ที่อยู่ในอีก element หนึ่ง
โดย Ittichai_chupol ศ 15 พ.ย. 2019 6:29 pm บอร์ด Jquery & Ajax Knowledge
0
12
ศ 15 พ.ย. 2019 6:29 pm โดย Ittichai_chupol
VDO - Program Check Tracking Thailand Post
โดย numtan5839 อ 12 พ.ย. 2019 2:12 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
4
26
ศ 15 พ.ย. 2019 6:24 pm โดย numtan5839
VDO - Square Root Calculate Program
โดย numtan5839 อ 12 พ.ย. 2019 11:57 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
5
23
ศ 15 พ.ย. 2019 6:23 pm โดย numtan5839
VDO - Program calculates the mean, the variable and the standard deviation.
โดย numtan5839 อ 12 พ.ย. 2019 11:26 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
4
35
ศ 15 พ.ย. 2019 6:23 pm โดย numtan5839
วิธีการทำ listbox สำหรบเลือกวันที่จากปัจจุบันย้อนหลังไป 20 วัน
โดย Ittichai_chupol ศ 15 พ.ย. 2019 5:58 pm บอร์ด PHP Knowledge
0
34
ศ 15 พ.ย. 2019 5:58 pm โดย Ittichai_chupol
การใช้ box-shadow เพื่อสร้างเงาให้ กรอบกล่องข้อความ
โดย bankjittapol ศ 15 พ.ย. 2019 5:56 pm บอร์ด CSS Knowledge
0
35
ศ 15 พ.ย. 2019 5:56 pm โดย bankjittapol
R - mdsoft_member_royalty ระบบจัดระดับสมาชิก ปรับ Level ลูกค้าอัตโนมัติ
โดย thatsawan อ 12 ก.พ. 2019 6:14 pm บอร์ด สิริกิตติรัตน์ - Developer
9
37
ศ 15 พ.ย. 2019 5:56 pm โดย mindphp
innerHTML คำสั่ง javascript ที่จะทำให้สามารถแสดงข้อความแทนที่ข้อความในแท็ก HTML
โดย jamepiyawat ศ 15 พ.ย. 2019 3:47 pm บอร์ด Jquery & Ajax Knowledge
4
31
ส 16 พ.ย. 2019 10:27 am โดย jamepiyawat
หลักการตั้งชื่อไฟล์เพื่อให้สื่อกับทีมง่าย
โดย numtan5839 ศ 15 พ.ย. 2019 3:20 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
15
ศ 15 พ.ย. 2019 3:20 pm โดย numtan5839
การใช้ .text() .html() และ .val() เพื่อเปลี่ยนข้อความ เมื่อกดปุ่ม
โดย bankjittapol ศ 15 พ.ย. 2019 2:17 pm บอร์ด Jquery & Ajax Knowledge
0
38
ศ 15 พ.ย. 2019 2:17 pm โดย bankjittapol
วงจรสี (Colour Wheel)
โดย numtan5839 ศ 15 พ.ย. 2019 2:13 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
50
ศ 15 พ.ย. 2019 3:33 pm โดย numtan5839
จะเรียกใช้ api ของกรมอุตุ ได้อย่างไรครับ
โดย jamepiyawat พ 06 พ.ย. 2019 3:02 pm บอร์ด Programming - PHP
2
88
ศ 15 พ.ย. 2019 1:44 pm โดย aloha11x
การใส่ Intro Outro และการตัดต่อ VDO
โดย numtan5839 ศ 15 พ.ย. 2019 1:41 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
0
14
ศ 15 พ.ย. 2019 1:41 pm โดย numtan5839