Image Gallery คือ element ที่ใช้สำหรับแสดงรูปภาพได้เป็นจำนวนมาก โดยผู้ใช้สามารถกำหนดขนาดความกว้างของการแสดงผลได้ สามารถใส่ชื่อและรายละเอียดของภาพได้
-คลิกที่ ตำแหน่งที่1, 2และ 3 เพื่อเข้าไปที่ส่วนของ Section
-คลิก ตำแหน่งที่1 “Add section”
-เลือกการแสดงผลรูปแบบ Section ต่างๆ หากเลือก Section แล้วให้คลิก “Add” ซึ่ง Section ที่สามารถเพิ่ม Element ได้แก่ 1.Content section
2.Columns section (เพิ่มได้ตามจำนวน columns)
3.Background Image section
4.Background parallax
Section ที่ไม่สามารถเพิ่ม Element ได้แก่
1.Slide Images section
2.Map section
-Section ที่เพิ่มมาใหม่จะอยู่ข้างล่างสุดและคลิก Section นั้นๆเพื่อเพิ่ม Element ข้างใน
-คลิก ตำแหน่งที่1 “Add element”
–คลิกเลือก Image Gallery element แล้วกด “Add”
-เมื่อเพิ่ม Image Gallery element จะแสดงผลดังภาพตัวอย่าง
– Double click แต่ละช่องเพื่อแก้ไขรายละเอียด
จากตัวอย่าง การใช้งาน ค่า Setting ต่างๆ มีรายละเอียดดังนี้
-Double click เพื่อแก้ไขรายละเอียด
ตำแหน่งที่ 1 : Add Image from folder*: เพิ่มรูป ตำแหน่งที่ 2 : Layout width กำหนดขนาดความกว้างของการแสดงผล ตำแหน่งที่ 3 : Title ชื่อหัวข้อ ตำแหน่งที่ 4 : Description ใส่รายละเอียดเพิ่มเติม นอกเหนือจากนั้นผู้ใช้งานยังสามารถแก้ไขสีหรือตัวหนังสือได้ตามต้องการ
ตัวอย่างการใช้งาน Image Gallery element
Ketshopweb | เว็บสำเร็จรูปอย่างง่ายที่ใครๆก็ทำได้
เรายินดีให้คำปรึกษาการทำเว็บไซต์ฟรี ไม่มีค่าใช้จ่าย
ติดต่อมาที่ 02-038-5588 , email : sales@ketshopweb.com