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

  Рет қаралды 97,630

Lun Dev Code

Lun Dev Code

Күн бұрын

Пікірлер: 108
@MadFaker
@MadFaker 7 ай бұрын
Even I don't understand vietnamese I still understand a little bit how the code works. Thank you!
@lundeveloper
@lundeveloper 7 ай бұрын
Thank you so much ❤️
@Brlitzkreig
@Brlitzkreig Ай бұрын
I'm glad you started to make your videos in English
@Buttergaming_channel
@Buttergaming_channel Жыл бұрын
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 Ý
@YamiKeizerLeon
@YamiKeizerLeon 11 ай бұрын
Thank you so much, literally the only one that works properly! Was searching for 5 hours 😌
@design_coding_studio
@design_coding_studio 5 ай бұрын
worthful video to learn slideshow with javascript
@kholoudbelhadj
@kholoudbelhadj Жыл бұрын
coudlnt understand a word from what he says but the tutorial works
@tuhoccodethietkeweb4598
@tuhoccodethietkeweb4598 Жыл бұрын
sao lại k hiểu nhỉ, thấy cũng dễ hiểu mà nhỉ
@aswinjprakash6325
@aswinjprakash6325 11 ай бұрын
​@@tuhoccodethietkeweb4598we don't speak Vietnamese
@snoopboy4692
@snoopboy4692 5 ай бұрын
damnn.... this guy is crazy. he knows how to make something amazing like its nothing. Respect. I am using this slider in my website
@alphamx13
@alphamx13 Жыл бұрын
Looks Awesome! Thank you for sharing my friend !
Жыл бұрын
5:53 cảm ơn bạn đã lắng nghe và sửa đổi. :):)
@lundeveloper
@lundeveloper Жыл бұрын
^^
@Danachew
@Danachew 9 ай бұрын
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!
@lils1988
@lils1988 Ай бұрын
You should update your old videos with English version. I really like your style of explaining and editing and coding too😂
@ভোমরা
@ভোমরা Жыл бұрын
Love from Bangladesh🇧🇩
@lundeveloper
@lundeveloper Жыл бұрын
Thank you From VietNam 🇻🇳
@thuongcao37
@thuongcao37 Жыл бұрын
Anh chỉ rất chi tiết và dễ hiểu, cảm ơn anh rất nhiều.
@uyletruong9091
@uyletruong9091 6 ай бұрын
Anh zai giảng kĩ phết, dễ hiểu hẳn
@kantetam_6076
@kantetam_6076 Жыл бұрын
cảm ơn bạn vì những kiến thức này
@lundeveloper
@lundeveloper Жыл бұрын
🥰🥰
@bibibevilacqua139
@bibibevilacqua139 Жыл бұрын
this was the only slider tutorial that worked for me. Super clear and didatic, thank you so much! 😄
@lundeveloper
@lundeveloper Жыл бұрын
😘😘😘 Thank you 😍😍😍
@quannguyenhong2112
@quannguyenhong2112 Жыл бұрын
Quá đỉnh luôn a ơi. Mò mấy ngày nay:)
@lundeveloper
@lundeveloper Жыл бұрын
Thank you bro 🥰🥰
@hoangnhat93
@hoangnhat93 Жыл бұрын
uầy đúng thứ đang cần luôn. 💖💖💖💖💖💖
@lundeveloper
@lundeveloper Жыл бұрын
Tuyệt vời luôn 🥰🥰
@FrisarandaDiouf
@FrisarandaDiouf 9 ай бұрын
it's awesome dude, thank you!
@zuong_tu
@zuong_tu Жыл бұрын
uầy đúng thứ đang cần luôn. 💖💖💖💖💖💖 CẢM ƠN ANH NHÁ
@lundeveloper
@lundeveloper Жыл бұрын
Ô kì ^^
@BetterCallHim
@BetterCallHim 6 ай бұрын
goodjob man.
Жыл бұрын
Hay quá anh ơi like và sub liền mong anh ra nhiều tip như này nữa
@lundeveloper
@lundeveloper Жыл бұрын
Thank you so much 😍😍😍
@saviovnn
@saviovnn 9 ай бұрын
Ajudou muito LIKE!
@kamaboko1
@kamaboko1 Жыл бұрын
Solid tut!
@MichaelDunsin
@MichaelDunsin 9 ай бұрын
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 Жыл бұрын
hay quá a
@lundeveloper
@lundeveloper Жыл бұрын
Thank you 😍😍
@davides3610
@davides3610 Жыл бұрын
Good job man
@hiepdz7704
@hiepdz7704 Жыл бұрын
Hay quá a ơi
@lundeveloper
@lundeveloper Жыл бұрын
😍😍😍
@lundeveloper
@lundeveloper Жыл бұрын
A lot of video slider - carousel kzbin.info/www/bejne/jpmQqHyDptSbepI
@porkdev
@porkdev Жыл бұрын
💯
@zaheerabbas8344
@zaheerabbas8344 Жыл бұрын
love from pk
@lundeveloper
@lundeveloper Жыл бұрын
Thank you ❤️❤️
@maleeme836
@maleeme836 Жыл бұрын
Thank +++
@lundeveloper
@lundeveloper Жыл бұрын
💌
@huyvu-pt3md
@huyvu-pt3md Жыл бұрын
qua tuyệt vời
@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 🥰
@girlsgamecityofficial3978
@girlsgamecityofficial3978 9 ай бұрын
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
@duonghoangphu7689
@duonghoangphu7689 7 ай бұрын
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 7 ай бұрын
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 6 ай бұрын
@@lundeveloper trang của a à
@duonghoangphu7689
@duonghoangphu7689 6 ай бұрын
@@lundeveloper chổ nào ă a, a cho e cái link đuoc hog
@lll-vq6pm
@lll-vq6pm Жыл бұрын
hello your vscode editor is so beautiful! 🤩🤩 what extension is that gradient effect?
@lyrxdev9090
@lyrxdev9090 11 ай бұрын
I think its SynthWave '84 theme
@lll-vq6pm
@lll-vq6pm 11 ай бұрын
@@lyrxdev9090 thankyouuu
@GODOFCALCULUS
@GODOFCALCULUS 8 ай бұрын
You can make this as the home section with a nav instead of this
@Autumn4-4
@Autumn4-4 Жыл бұрын
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
@tuannguyenthe-xw1xj
@tuannguyenthe-xw1xj 8 ай бұрын
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ỉ?
@trandat6078
@trandat6078 7 ай бұрын
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 7 ай бұрын
Em tải code trong phần mô tả của video về để đối chiếu với code mình nhé
@nguyenkhang9651
@nguyenkhang9651 Жыл бұрын
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 ạ
@lundeveloper
@lundeveloper Жыл бұрын
Oke nè nếu có thời gian 😍
@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 Жыл бұрын
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
@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 ạ
@YunaCrystal3009
@YunaCrystal3009 Жыл бұрын
Clip này có thêm infinity slider nữa là full chức năng rồi
@lundeveloper
@lundeveloper Жыл бұрын
Lúc làm hong nghĩ tới 😅
@123hfksue3
@123hfksue3 6 ай бұрын
cái này nếu mình muốn show ảnh dọc thì làm sao v bạn
@huyhoang6414
@huyhoang6414 6 ай бұрын
tại sao mình lại bị báo lỗi ngay net.onclick = function () nhỉ
@husnainandco
@husnainandco 10 ай бұрын
Or share some link to download complete code?
@doquanh7240
@doquanh7240 11 ай бұрын
yeu anh lun dev
@lundeveloper
@lundeveloper 11 ай бұрын
yeu emmmmmmmmm 😅
@kiriikgamming2055
@kiriikgamming2055 11 ай бұрын
next.onclick = function() cụm này báo sai làm sao đây mn
@No7awel
@No7awel 9 ай бұрын
same
@kiriikgamming2055
@kiriikgamming2055 9 ай бұрын
khai báo js xuống phần body là hết nhé @@No7awel
@huyphamvan5390
@huyphamvan5390 Жыл бұрын
A thử hướng dẫn Slider như web Cellphones đi a, chứ dùng plugin lỗi quá
@lundeveloper
@lundeveloper Жыл бұрын
oke nè 🤩
@trieubui7343
@trieubui7343 Ай бұрын
em không chạy được cái phần js anh ơi
@phamnam8688
@phamnam8688 Жыл бұрын
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é
@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
@tomleverkusenmusicofficial6902
@tomleverkusenmusicofficial6902 9 ай бұрын
Anh ơi em bị lỗi cái dấu anh ạ
@ahmadarroziqi2484
@ahmadarroziqi2484 Жыл бұрын
what is your vs code theme bro?
@lyrxdev9090
@lyrxdev9090 11 ай бұрын
I think its SynthWave '84 theme
@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 Жыл бұрын
Nếu muốn làm kiểu đó thì e xem logic này nhé kzbin.info/www/bejne/j2TWYZKMrpuIr5I
@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 kzbin.info/www/bejne/r5i7eX17p8h9rpo
@Bepawn
@Bepawn 10 ай бұрын
Làm thế nào để giảm thời gian trượt
@binhdeveloper203
@binhdeveloper203 Жыл бұрын
anh chia sẻ nó cuốn cuốn kiểu gì ấy
@lundeveloper
@lundeveloper Жыл бұрын
hihi cảm ơn em nhiều nè
@husnainandco
@husnainandco 10 ай бұрын
Can you send code to me?
@heloo932
@heloo932 8 ай бұрын
can yo send the source code
@waifu308
@waifu308 Жыл бұрын
hi a
@lundeveloper
@lundeveloper Жыл бұрын
Hello em 😍
@Nikita-u1f
@Nikita-u1f 10 ай бұрын
Нихуя не понял но спасибо!
@tanveerahmed8355
@tanveerahmed8355 Жыл бұрын
Clip này có thêm infinity slider nữa là full chức năng rồi
How to create an Accordion UI using CSS & Javascript
11:23
Lun Dev
Рет қаралды 2,5 М.
When you have a very capricious child 😂😘👍
00:16
Like Asiya
Рет қаралды 9 МЛН
Quilt Challenge, No Skills, Just Luck#Funnyfamily #Partygames #Funny
00:32
Family Games Media
Рет қаралды 55 МЛН
Build a JavaScript IMAGE SLIDER in 15 minutes! 🖼️
15:49
Bro Code
Рет қаралды 58 М.
Create Crazy 3D Image Slider Effects Using CSS Only
14:07
Lun Dev
Рет қаралды 526 М.
Learn every CSS Animation property | Complete Guide
10:56
CSSnippets
Рет қаралды 10 М.
HTML and CSS Project Tutorial: Pure CSS Image Slider
7:41
Skillthrive
Рет қаралды 349 М.
TypeScript теперь в CSS?! Это как?
9:12
Как пройти в IT?
Рет қаралды 9 М.
Become A Master Grid CSS In 13 Minutes
13:46
Lun Dev
Рет қаралды 67 М.
Делаю фронтенд заказ на Kwork (график на canvas javascript)
21:53
♛ Подпольный JS ☯
Рет қаралды 33 М.
Simple HTML & CSS Image Slider - No jQuery or JavaScript
8:37
3D infinite Image Slider using CSS & Javascript
9:37
Online Tutorials
Рет қаралды 9 М.