สอนทำ ภาพสไลด์ ต่อเนื่อง (Smooth Continuous Carousel) FREE ด้วย Elementor แบบไม่ต้องใช้ Addons
ฝัง
- เผยแพร่เมื่อ 27 ก.ค. 2024
- สวัสดีครับ ในวีดีโอนี้ ผมก็จะมาสอนวิธีการทำ Elementor Image Carousel แบบต่อเนื่องครับ หรือที่เรียกว่า Smooth Continuous Carousel ครับ ซึ่งวิธีการทำไม่ยากเลย แถมยังไม่ต้องใช้ Addons อีกด้วย
ส่วนมากผมมักจะนำไปประยุกต์ใช้กับ Logo Carousel เลื่อน Logo ของลูกค้าเราไปเรื่อยๆ เองได้
ส่วนของ Code ที่ใช้ใน Video นี้ (ตัวชื่อ class และ ปีกกา ต้องพิมพ์เองนะครับ)
==
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
==
เนื้อหาในวีดีโอ
00:00 Intro
01:00 คอร์สเรียน Wordpress ฟรี
01:29 การใช้งาน Image Carousel Widgets
03:10 การตั้งค่า Image Carousel
07:53 การใส่ CSS Class
08:49 การใส่ Code ทำ Carousel ต่อเนื่อง
12:17 ตกแต่ง Carousel เพิ่มเติม
ติดตามเราได้ที่
=============================================
Facebook : / palamike.web
TH-cam : / palamike
Twitter : / palamikeweb
Website : palamike.com
Podcasts : podcasts.palamike.com/
Line : @palamike
============================================= - วิทยาศาสตร์และเทคโนโลยี
สุดยอดคะ
ถ้าต้องการทำภาพสินค้าสไล+ปุ่ม ต้องทำยังใงค่ะ
ใช้ smartslider3 ครับ
Carousel ทำไมทำแล้ว พอเปิดหน้าเว็บ แล้าบางครั้งสไลค์ไม่เลื่อนแสดงหรือไม่เลื่อนคะ อาจารย์
คิดว่าเป็นที่การ setup ระบบ cache ครับ ทำให้หน้าเว็บที่มี javascript ไม่ run
อาจารย์พลากรครับ รบกวนสอน ใส่ลิงก์ ในภาพสไลด์หน่อยครับ ตัวอย่างเช่น คลิกที่ภาพแล้วลิงก์ไปยังที่ต้องการ ขอบคุณครับ
ใช้ smartslider ได้เลยครับผม
สอบถามอาจารย์ ถ้าเอาไปทำเป็น headers เว็บไซต์ จะมีปัญหาเรื่องความเร็วในการโหลดเว็บไหมครับ
slide คือ ภาพครับ ถ้าภาพเยอะ มันก็โหลดเยอะ นั่นหมายความว่าช้าครับ ถ้าเป็น section แบบนี้ แนะนำอยู่ล่างๆ ดีกว่าครับ
ไส่แล้วดูตัวอย่างเว็บในโทรศัพท์ไม่ได้แก้ยังไงครับ?
อยากถาม อจ.ว่า ถ้าจะใส่ลิงค์ แต่ละภาพ ทำยังไงได้ครับ เราต้องลงปลั๊กอินอื่น หรือเขียนสคริปเพิมเข้าไปครับ
ถ้าใช้ elementor carousel ทำไม่ได้ครับ แต่ถ้าใช้พวก smart slider ทำได้ครับ
@@palamike ขอบคุณมากครับ