สอนทำ ภาพสไลด์ ต่อเนื่อง (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
    =============================================
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 13

  • @jongchantaporn
    @jongchantaporn ปีที่แล้ว +1

    สุดยอดคะ

  • @england948
    @england948 4 หลายเดือนก่อน

    ถ้าต้องการทำภาพสินค้าสไล+ปุ่ม ต้องทำยังใงค่ะ

    • @palamike
      @palamike  3 หลายเดือนก่อน

      ใช้ smartslider3 ครับ

  • @naddainprom911
    @naddainprom911 หลายเดือนก่อน

    Carousel ทำไมทำแล้ว พอเปิดหน้าเว็บ แล้าบางครั้งสไลค์ไม่เลื่อนแสดงหรือไม่เลื่อนคะ อาจารย์

    • @palamike
      @palamike  28 วันที่ผ่านมา

      คิดว่าเป็นที่การ setup ระบบ cache ครับ ทำให้หน้าเว็บที่มี javascript ไม่ run

  • @user-ng4pe8vc4h
    @user-ng4pe8vc4h 8 หลายเดือนก่อน

    อาจารย์พลากรครับ รบกวนสอน ใส่ลิงก์ ในภาพสไลด์หน่อยครับ ตัวอย่างเช่น คลิกที่ภาพแล้วลิงก์ไปยังที่ต้องการ ขอบคุณครับ

    • @palamike
      @palamike  8 หลายเดือนก่อน

      ใช้ smartslider ได้เลยครับผม

  • @rachan2976
    @rachan2976 ปีที่แล้ว +1

    สอบถามอาจารย์ ถ้าเอาไปทำเป็น headers เว็บไซต์ จะมีปัญหาเรื่องความเร็วในการโหลดเว็บไหมครับ

    • @palamike
      @palamike  ปีที่แล้ว +2

      slide คือ ภาพครับ ถ้าภาพเยอะ มันก็โหลดเยอะ นั่นหมายความว่าช้าครับ ถ้าเป็น section แบบนี้ แนะนำอยู่ล่างๆ ดีกว่าครับ

    • @user-vw2sl4dk6o
      @user-vw2sl4dk6o 8 หลายเดือนก่อน

      ไส่แล้วดูตัวอย่างเว็บในโทรศัพท์ไม่ได้แก้ยังไงครับ?

  • @masterjew2497
    @masterjew2497 ปีที่แล้ว

    อยากถาม อจ.ว่า ถ้าจะใส่ลิงค์ แต่ละภาพ ทำยังไงได้ครับ เราต้องลงปลั๊กอินอื่น หรือเขียนสคริปเพิมเข้าไปครับ

    • @palamike
      @palamike  ปีที่แล้ว

      ถ้าใช้ elementor carousel ทำไม่ได้ครับ แต่ถ้าใช้พวก smart slider ทำได้ครับ

    • @masterjew2497
      @masterjew2497 ปีที่แล้ว

      @@palamike ขอบคุณมากครับ