คู่มือการใช้งานversion 8ตกแต่งเว็บไซต์

การใช้งาน Slide image element

09 ก.ย. 2019, 16:52
null

Slide image
คือ Element ที่นำภาพมาเรียงลำดับและแสดงผลด้วยการ Slide


เริ่มต้นการเพิ่ม Slide image คลิก "ปรับแต่ง" ในตำแหน่งที่ 1 และเลือก "Page Layouts" ในตำแหน่งที่ 2 จากนั้น "Add Section" ในตำแหน่งที่ 3


เมื่อเข้าสู่หน้า Add Sections แล้ว เลือก Section ที่ต้องการ โดยตัวอย่างจะเลือก Content Section จากนั้นคลิกที่ปุ่ม "OK


ลำดับต่อไปคือการเพิ่ม Elemnet ลงใน Section ที่ผู้ใช้งานเลือก โดยคลิกตำแหน่งที่ 1 จากนั้น คลิก "Add Element" ในตำแหน่งที่ 2


เมื่อเข้าสู่หน้า Add Sections แล้ว เลือก Slide image แล้วกดที่ปุ่ม “OK


หลังจากนั้น Section Slide image จะถูกเพิ่มมาใหม่



คลิก  เพื่อจัดการและตั้งค่า Slide image


การจัดการสไลด์

ตำแหน่งที่ 1 : เป็นการเพิ่มรูปภาพบนสไลด์                                    
ตำแหน่งที่ 2 : เปลี่ยนลำดับของ Slide Image โดยการคลิกค้างแล้วลากไปปล่อยในลำดับที่ต้องการ                    
ตำแหน่งที่ 3 : เปิดการใช้งานลิงก์ในกรณีที่ผู้ใช้งานต้องการให้ภาพใน Slide สามารถคลิกแล้วลิงก์ไปยังหน้าเพจอื่นได้

ตำแหน่งที่ 4 : โคลนภาพ
ตำแหน่งที่ 5 : ลบภาพ

 


ในส่วนของการตั้งค่าสไลด์ จะแบ่งเป็นสี่ส่วน คือ 

  1. 1. การตั้งค่าการแสดงผล 
  2. 2. การตั้งค่า Bullet 
  3. 3. การตั้งค่า Navigation
  4. 4. การตั้งค่ารูปแบบของการแสดงผล


การตั้งค่าการแสดงผลในไซส์ต่างๆ คือการกำหนดจำนวนของภาพ ในเวลาการแสดงผลบนอุปกรณ์ต่างๆ

ตัวอย่าง กำหนดให้ เดสท์ท้อป แสดง 2 ภาพใน 1 สไลด์


การตั้งค่า Bullet คือ สัญลักษณ์บอกจำนวนของ Slide โดยผู้ใช้งานสามารถกำหนดความกว้าง ส่วนสูง ความโค้ง รวมถึงสีของ Bullet ได้ และผู้ใช้งานยังสามารถปิดการแสดงผลในส่วนนี้ได้


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


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






Ketshopweb | ระบบร้านค้าออนไลน์ ขายคล่อง ส่งสะดวก ครบในที่เดียว

www.ketshopweb.com

เรายินดีให้คำปรึกษาการทำเว็บไซต์ฟรี ไม่มีค่าใช้จ่าย

ติดต่อมาที่ 02-038-5588 , email : sales@ketshopweb.com

เปิดร้านค้าออนไลน์ง่าย ๆ ด้วยตัวคุณเอง
logo ketshopweb svg
ทดลองใช้งานฟรี ไม่มีค่าใช้จ่าย
สนใจปรึกษา สำหรับคำแนะนำแพ็คเกจที่เหมาะสมกับธุรกิจของคุณ
เพื่อต่อยอดการขาย และขยายฐานลูกค้า ฟรี! ไม่มีค่าใช้จ่าย
โทร. 02-038-5588
เฉพาะวันทำการ ตั้งแต่เวลา 9:30 - 18:30 น.