Image Slider - With Auto-play & Manual Navigation Buttons - Using CSS, HTML & Javascript

Поделиться
HTML-код
  • Опубликовано: 12 ноя 2024

Комментарии • 105

  • @MadFaker
    @MadFaker 6 месяцев назад +5

    Even I don't understand vietnamese I still understand a little bit how the code works. Thank you!

    • @lundeveloper
      @lundeveloper  6 месяцев назад +1

      Thank you so much ❤️

  • @Buttergaming_channel
    @Buttergaming_channel 11 месяцев назад

    hướng dẫn hay và cụ thể rõ bước quá cám ơn anh ạ, VIDEO RẤT RÕ RÀNG CỤ THỂ VÀ DỄ HIỂU ĐÚNG Ý

  • @design_coding_studio
    @design_coding_studio 4 месяца назад

    worthful video to learn slideshow with javascript

  • @Danachew
    @Danachew 7 месяцев назад

    I did a double take when you got to the last image in the slider, because that forest shot has been my desktop background for the past like 3 years 🤣
    I can't wait to build this one out!

  • @kholoudbelhadj
    @kholoudbelhadj Год назад +9

    coudlnt understand a word from what he says but the tutorial works

    • @tuhoccodethietkeweb4598
      @tuhoccodethietkeweb4598 11 месяцев назад

      sao lại k hiểu nhỉ, thấy cũng dễ hiểu mà nhỉ

    • @aswinjprakash6325
      @aswinjprakash6325 10 месяцев назад +2

      ​@@tuhoccodethietkeweb4598we don't speak Vietnamese

  • @alphamx13
    @alphamx13 Год назад +1

    Looks Awesome! Thank you for sharing my friend !

  • @snoopboy4692
    @snoopboy4692 4 месяца назад

    damnn.... this guy is crazy. he knows how to make something amazing like its nothing. Respect. I am using this slider in my website

  • @ভোমরা
    @ভোমরা Год назад +1

    Love from Bangladesh🇧🇩

  • @YamiKeizerLeon
    @YamiKeizerLeon 10 месяцев назад

    Thank you so much, literally the only one that works properly! Was searching for 5 hours 😌

  • @bibibevilacqua139
    @bibibevilacqua139 10 месяцев назад

    this was the only slider tutorial that worked for me. Super clear and didatic, thank you so much! 😄

    • @lundeveloper
      @lundeveloper  10 месяцев назад

      😘😘😘 Thank you 😍😍😍

  •  Год назад +1

    5:53 cảm ơn bạn đã lắng nghe và sửa đổi. :):)

  • @uyletruong9091
    @uyletruong9091 5 месяцев назад

    Anh zai giảng kĩ phết, dễ hiểu hẳn

  • @FrisarandaDiouf
    @FrisarandaDiouf 7 месяцев назад

    it's awesome dude, thank you!

  • @kantetam_6076
    @kantetam_6076 Год назад

    cảm ơn bạn vì những kiến thức này

  • @thuongcao37
    @thuongcao37 Год назад

    Anh chỉ rất chi tiết và dễ hiểu, cảm ơn anh rất nhiều.

  • @saviovnn
    @saviovnn 8 месяцев назад

    Ajudou muito LIKE!

  •  Год назад

    Hay quá anh ơi like và sub liền mong anh ra nhiều tip như này nữa

  • @zuong_tu
    @zuong_tu Год назад

    uầy đúng thứ đang cần luôn. 💖💖💖💖💖💖 CẢM ƠN ANH NHÁ

  • @quannguyenhong2112
    @quannguyenhong2112 Год назад

    Quá đỉnh luôn a ơi. Mò mấy ngày nay:)

  • @hoangnhat93
    @hoangnhat93 Год назад

    uầy đúng thứ đang cần luôn. 💖💖💖💖💖💖

  • @BetterCallHim
    @BetterCallHim 5 месяцев назад

    goodjob man.

  • @kamaboko1
    @kamaboko1 Год назад

    Solid tut!

  • @maleeme836
    @maleeme836 11 месяцев назад

    Thank +++

  • @hiepdz7704
    @hiepdz7704 Год назад

    Hay quá a ơi

  • @MichaelDunsin
    @MichaelDunsin 8 месяцев назад

    Lovely video..
    But I would have enjoyed it more if there was an English subtitle or any way to inculcate some English into your videos

  • @hoangg04
    @hoangg04 Год назад +1

    hay quá a

  • @zaheerabbas8344
    @zaheerabbas8344 Год назад

    love from pk

  • @davides3610
    @davides3610 Год назад

    Good job man

  • @huyvu-pt3md
    @huyvu-pt3md Год назад

    qua tuyệt vời

  • @porkdev
    @porkdev Год назад

    💯

  • @babala9
    @babala9 Год назад

    I dont know to say thank you in your Language but thank you so much

    • @lundeveloper
      @lundeveloper  Год назад

      Thanks a lot. This is another video from Recent videos are all in English 🥰

  • @tuannguyenthe-xw1xj
    @tuannguyenthe-xw1xj 6 месяцев назад

    hay quá! mình muốn thêm chức năng nhấn chuột rồi kéo ảnh sang phải hoặc trái thì hình ảnh cũng trượt theo thì làm thế nào nhỉ?

  • @girlsgamecityofficial3978
    @girlsgamecityofficial3978 8 месяцев назад

    Can you add button on this slide please like play now or watch later button on every slide...make a video on this topic please

  • @lundeveloper
    @lundeveloper  Год назад

    A lot of video slider - carousel ruclips.net/video/Xh-wIMqohD0/видео.html

  • @Autumn4-4
    @Autumn4-4 Год назад +1

    Hay Vãi Ò

    • @lundeveloper
      @lundeveloper  Год назад

      kekeke 😁

    • @Autumn4-4
      @Autumn4-4 Год назад

      @@lundeveloper anh chỉ làm chữ xuất hiện trên web mỗi khi lướt xuống ik (kiểu chữ rõ dần xuất hiện từ trái sang phải hoặc ngược lại hay thì dưới lên)

    • @Autumn4-4
      @Autumn4-4 Год назад

      trông nó đẹp và tinh tế hơn cho web

  • @GODOFCALCULUS
    @GODOFCALCULUS 6 месяцев назад

    You can make this as the home section with a nav instead of this

  • @lll-vq6pm
    @lll-vq6pm Год назад +1

    hello your vscode editor is so beautiful! 🤩🤩 what extension is that gradient effect?

    • @lyrxdev9090
      @lyrxdev9090 10 месяцев назад +1

      I think its SynthWave '84 theme

    • @lll-vq6pm
      @lll-vq6pm 10 месяцев назад

      @@lyrxdev9090 thankyouuu

  • @husnainandco
    @husnainandco 8 месяцев назад

    Or share some link to download complete code?

  • @YunaCrystal3009
    @YunaCrystal3009 Год назад

    Clip này có thêm infinity slider nữa là full chức năng rồi

  • @123hfksue3
    @123hfksue3 4 месяца назад

    cái này nếu mình muốn show ảnh dọc thì làm sao v bạn

  • @huyhoang6414
    @huyhoang6414 5 месяцев назад

    tại sao mình lại bị báo lỗi ngay net.onclick = function () nhỉ

  • @huyphamvan5390
    @huyphamvan5390 Год назад

    A thử hướng dẫn Slider như web Cellphones đi a, chứ dùng plugin lỗi quá

  • @duonghoangphu7689
    @duonghoangphu7689 5 месяцев назад

    Có cách nào cho nó ifinity roll không a? Kiểu roll đến cái cuối rồi nó vẫn nhảy tiếp mà cái tiếp là cái đầu tiên không a?

    • @lundeveloper
      @lundeveloper  5 месяцев назад

      E vào trang xem những slider khác nhé, trong danh sách phát slider, rất nhiều video nói về cách infinity

    • @duonghoangphu7689
      @duonghoangphu7689 5 месяцев назад

      @@lundeveloper trang của a à

    • @duonghoangphu7689
      @duonghoangphu7689 5 месяцев назад

      @@lundeveloper chổ nào ă a, a cho e cái link đuoc hog

  • @doquanh7240
    @doquanh7240 10 месяцев назад

    yeu anh lun dev

  • @nguyenkhang9651
    @nguyenkhang9651 Год назад +2

    cái này bữa em làm bằng React mà ko hiểu á anh , anh có thể làm 1 clip code bằng cái này mà là React được ko ạ

  • @softlip
    @softlip Год назад

    đúng lúc e đang làm cái này tham khảo đc khá nhiều, nhưng cái em cần làm nó lại có thêm cái này: vidu tới được slide cuối khi mình ấn next thì nó sẽ chạy sang phải tiếp á anh và ngược lại ở slider đầu khi ấn pre thì nó sẽ chạy sang phải á, kiểu vòng lặp liên tục á ah, anh có cách nào làm được như vậy k ạ

  • @tomleverkusenmusicofficial6902
    @tomleverkusenmusicofficial6902 8 месяцев назад

    Anh ơi em bị lỗi cái dấu anh ạ

  • @trandat6078
    @trandat6078 6 месяцев назад

    anh ơi giúp e với ạ, e làm theo nhưng đến đoạn bấm next thì nó chuyển ảnh hiện tại nhưng lại không hiện ảnh tiếp theo ạ😢

    • @lundeveloper
      @lundeveloper  6 месяцев назад

      Em tải code trong phần mô tả của video về để đối chiếu với code mình nhé

  • @tanhoangtrong2262
    @tanhoangtrong2262 Год назад

    nếu mà muốn phải đợi slide chạy xong thì mới next hoặc prev đc thì làm ntn ạ

    • @lundeveloper
      @lundeveloper  Год назад +1

      Trong cái function next click và prev click. Khi người dùng click vào em tiến hành disable 2 button đó đi để ng dùng ko click dk. Và sau 3 giây xoá hiệu ứng disable đó đi để ng dùng click lại bình thường bằng chức năng setinterval

    • @tanhoangtrong2262
      @tanhoangtrong2262 Год назад

      @@lundeveloperok a

  • @phamnam8688
    @phamnam8688 Год назад +1

    Giúp em với em viết y hệt nhưng kg hiểu sao kg chạy đc

    • @lundeveloper
      @lundeveloper  Год назад

      trong phần mô tả video có link tải code á e. Tải về đối chiếu với code mình làm nhé

  • @ahmadarroziqi2484
    @ahmadarroziqi2484 Год назад

    what is your vs code theme bro?

    • @lyrxdev9090
      @lyrxdev9090 10 месяцев назад

      I think its SynthWave '84 theme

  • @kiriikgamming2055
    @kiriikgamming2055 10 месяцев назад +1

    next.onclick = function()
    cụm này báo sai làm sao đây mn

    • @No7awel
      @No7awel 8 месяцев назад

      same

    • @kiriikgamming2055
      @kiriikgamming2055 8 месяцев назад

      khai báo js xuống phần body là hết nhé
      @@No7awel

  • @MayisTHU
    @MayisTHU Год назад

    em vẫn luân tìm cách để slider có thể chạy vĩnh viễn (là luôn chạy về một hướng mà không giật về) , nghĩa là khi slider chạy đến ảnh cuối cùng thì nó vẫn chạy tiếp chứ nó không chạy ngược lại cái ảnh đầu tiên , trong bài của anh khi nó chạy ngược về ảnh 1 nhìn sẽ hơi rối mắt. Em vẫn đang tìm cách mà vẫn chứ tìm ra .

    • @lundeveloper
      @lundeveloper  Год назад +1

      Nếu muốn làm kiểu đó thì e xem logic này nhé ruclips.net/video/Y3s0_Vy6Uy0/видео.html

  • @Bepawn
    @Bepawn 9 месяцев назад

    Làm thế nào để giảm thời gian trượt

  • @husnainandco
    @husnainandco 8 месяцев назад

    Can you send code to me?

  • @phonginhvan6251
    @phonginhvan6251 Год назад

    anh làm về animation scroll đi a

    • @lundeveloper
      @lundeveloper  Год назад

      Anh làm nhiều rồi á. Em vô kênh xem nhé. Hoặc có 1 video này nè Background 3D effect Parallax Scrolling using HTML CSS only
      ruclips.net/video/ygXHJErcJx8/видео.html

  • @NguyenTrungHieu14078
    @NguyenTrungHieu14078 Год назад

    bạn ơi đổi cái màu giao diện VS code như bạn kiểu j vậy

    • @lundeveloper
      @lundeveloper  Год назад

      Trong trang youtube của mình có video hướng dẩn đó

    • @NguyenTrungHieu14078
      @NguyenTrungHieu14078 Год назад

      @@lundeveloper vid nào v mik hok tìm thấy

  • @heloo932
    @heloo932 7 месяцев назад

    can yo send the source code

  • @binhdeveloper203
    @binhdeveloper203 Год назад

    anh chia sẻ nó cuốn cuốn kiểu gì ấy

  • @waifu308
    @waifu308 Год назад

    hi a

  • @Nikita-u1f
    @Nikita-u1f 9 месяцев назад

    Нихуя не понял но спасибо!

  • @tanveerahmed8355
    @tanveerahmed8355 Год назад

    Clip này có thêm infinity slider nữa là full chức năng rồi