Responsive Image Slider | HTML, CSS & JavaScript (Draggable Slider Vanilla JS)

Responsive Image Slider | HTML, CSS & JavaScript (Draggable Slider Vanilla JS)

Codegrid

1 год назад

11,689 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Codegrid
Codegrid - 21.05.2023 17:37

I ran out of time to add voiceover this time. My primary goal is to keep the video schedule since adding voiceover takes too much time and I only have 2 days to finish the video. But I'll make an effort to include it in as many videos as I can. Thanks ❤️

Ответить
Thièrry Ntoh
Thièrry Ntoh - 30.09.2023 03:18

Fix: Replace
=> (this.wrapWidth = this.items[0].clientWidth * this), this.items.length;
with
=> this.wrapWidth = this.items[0].clientWidth * this.items.length;

Ответить
oct1111
oct1111 - 07.07.2023 04:42

This is not working bro can you make this same effect with gsap ?

Ответить
im. tseku
im. tseku - 06.06.2023 13:20

i copied every single lines and it's not working at the end error appeared on calculate() area / i'm not developer

Ответить
Mr Raccoon
Mr Raccoon - 22.05.2023 12:32

ok bro we got u. thanks anyway at least there is a code. Next time can u teach, any smooth parallax effect

Ответить
El Otro Poke
El Otro Poke - 22.05.2023 06:40

I really love this vanilla videos without libraries! Please continue uploading them! It really helps to understand the bases how to do it instead of using a library to achieve it. Then we can use gsap or other library to speed the process, but as learning it's fire 🤙

Ответить
Marta Bires
Marta Bires - 22.05.2023 01:52

Hrm, I don't get that `this.scale = lerp(this.scale, this.speed, 0.1)` code line.
Do we use `this.scale` anywhere, what I am missing?
Also, `this.scale` is `NaN` ...?

Anyway, amazing VanillaJS tutorial and I am deeply grateful for it! 🙏
I definitely need to study the `lerp(f0, f1, t)` functionality more.

PS. pardon my English

Ответить
Nabeel
Nabeel - 21.05.2023 20:29

Amazing as usual! great work

Ответить
Expansion Mindset
Expansion Mindset - 21.05.2023 19:34

Please explain the code and teach

Ответить
Biki Tirua
Biki Tirua - 21.05.2023 18:46

U r background music and code💥💣

Ответить
아장
아장 - 21.05.2023 18:04

♡♡♡♡♡

Ответить
julián Vélez
julián Vélez - 21.05.2023 17:56

Nice work bro excellent content bro ❤❤❤❤

Ответить
HistoryUnveiled
HistoryUnveiled - 21.05.2023 17:40

❤❤❤❤

Ответить