Image Slider - With Auto-play & Manual Navigation Buttons - Using CSS, HTML & Javascript
HTML-код
- Опубликовано: 19 апр 2023
- In the video below, is a very good tutorial to create an image slider program using HTML, CSS and Javascript extremely simple and professional including many features such as: Auto-play, navigation buttons next and prev .
The channel is building full series learning HTML CSS and Javascript
-----------------
Download code: www.lundevweb.com/2023/04/ima...
-----------------
CSS Basic: • Top 3 selector CSS qua...
-----------------
Effect CSS Only: • Create Modal Popup usi...
-----------------
Design Slider - Carousel HTML CSS: • Animation Card Slider ...
-----------------
Design Effect HTML CSS Javascript: • Animation slideshow Ht...
Looks Awesome! Thank you for sharing my friend !
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 Ý
Thank you so much, literally the only one that works properly! Was searching for 5 hours 😌
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!
Anh chỉ rất chi tiết và dễ hiểu, cảm ơn anh rất nhiều.
Solid tut!
Good job man
this was the only slider tutorial that worked for me. Super clear and didatic, thank you so much! 😄
😘😘😘 Thank you 😍😍😍
it's awesome dude, thank you!
Anh zai giảng kĩ phết, dễ hiểu hẳn
goodjob man.
Quá đỉnh luôn a ơi. Mò mấy ngày nay:)
Thank you bro 🥰🥰
Ajudou muito LIKE!
uầy đúng thứ đang cần luôn. 💖💖💖💖💖💖
Tuyệt vời luôn 🥰🥰
Even I don't understand vietnamese I still understand a little bit how the code works. Thank you!
Thank you so much ❤️
qua tuyệt vời
cảm ơn bạn vì những kiến thức này
🥰🥰
uầy đúng thứ đang cần luôn. 💖💖💖💖💖💖 CẢM ƠN ANH NHÁ
Ô kì ^^
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
5:53 cảm ơn bạn đã lắng nghe và sửa đổi. :):)
^^
Love from Bangladesh🇧🇩
Thank you From VietNam 🇻🇳
đú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 ạ
Hay quá a ơi
😍😍😍
💯
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ỉ?
Hay quá anh ơi like và sub liền mong anh ra nhiều tip như này nữa
Thank you so much 😍😍😍
Thank +++
💌
hay quá a
Thank you 😍😍
A lot of video slider - carousel ruclips.net/video/Xh-wIMqohD0/видео.html
Anh ơi, cho em hỏi là video này anh dùng callback phải k anh, nếu phải thì em mừng quá, tại em chả hiểu gì callback, em xem f8, xem đủ trang, ngta cũng hướng dẫn toàn cơ bản, nhưng kêu áp dụng thì em chịu, chả biết khi nào áp dụng luôn
hello your vscode editor is so beautiful! 🤩🤩 what extension is that gradient effect?
I think its SynthWave '84 theme
@@lyrxdev9090 thankyouuu
Clip này có thêm infinity slider nữa là full chức năng rồi
love from pk
Thank you ❤️❤️
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
coudlnt understand a word from what he says but the tutorial works
sao lại k hiểu nhỉ, thấy cũng dễ hiểu mà nhỉ
@@tuhoccodethietkeweb4598we don't speak Vietnamese
I dont know to say thank you in your Language but thank you so much
Thanks a lot. This is another video from Recent videos are all in English 🥰
A thử hướng dẫn Slider như web Cellphones đi a, chứ dùng plugin lỗi quá
oke nè 🤩
You can make this as the home section with a nav instead of this
Or share some link to download complete code?
Hay Vãi Ò
kekeke 😁
@@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)
trông nó đẹp và tinh tế hơn cho web
anh làm về animation scroll đi a
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
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 ạ
Oke nè nếu có thời gian 😍
yeu anh lun dev
yeu emmmmmmmmm 😅
tại sao mình lại bị báo lỗi ngay net.onclick = function () nhỉ
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 .
Nếu muốn làm kiểu đó thì e xem logic này nhé ruclips.net/video/Y3s0_Vy6Uy0/видео.html
nếu mà muốn phải đợi slide chạy xong thì mới next hoặc prev đc thì làm ntn ạ
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
@@lundeveloperok a
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 ạ😢
Em tải code trong phần mô tả của video về để đối chiếu với code mình nhé
what is your vs code theme bro?
I think its SynthWave '84 theme
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?
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
@@lundeveloper trang của a à
@@lundeveloper chổ nào ă a, a cho e cái link đuoc hog
Anh ơi em bị lỗi cái dấu anh ạ
Giúp em với em viết y hệt nhưng kg hiểu sao kg chạy đc
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é
Làm thế nào để giảm thời gian trượt
Can you send code to me?
bạn ơi đổi cái màu giao diện VS code như bạn kiểu j vậy
Trong trang youtube của mình có video hướng dẩn đó
@@lundeveloper vid nào v mik hok tìm thấy
anh chia sẻ nó cuốn cuốn kiểu gì ấy
hihi cảm ơn em nhiều nè
can yo send the source code
next.onclick = function()
cụm này báo sai làm sao đây mn
same
khai báo js xuống phần body là hết nhé
@@No7awel
hi a
Hello em 😍
Нихуя не понял но спасибо!
Clip này có thêm infinity slider nữa là full chức năng rồi
Lúc làm hong nghĩ tới 😅