Javascript Image Slider with Next and Prev buttons | Html, Css and Javascript slider

Подписаться 13 тыс.

Просмотров 77 тыс.

50% 1

Code :- github.com/skcals/javascript_...
In this video you will learn how to make a image slider using html, css and javascript with next and prev control buttons.
This is an awesome and easy image slider with source code.
Twitter:- / webzonecode
Facebook:- / webzoneyoutube
RU-vid:- / webzonecode
Github:- github.com/skcals
Codepen:- codepen.io/skcals

Опубликовано:

20 мар 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

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

@marcioaugusto392 3 года назад

Your code is simple, functional and very helpful. That's exactly what I was looking for. Thank you!

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

So fast and clear, flawless work! Thank you dude!

@zigaudrey 3 года назад

I know nothing about Javascript but this is a great base for programming image changer. Now, time for effects.

@DirtMankee Год назад

Thank you man. I was trying to do exactly like this but I got stuck on the if() part. I downloaded your code and analyzed it a bit and then understood it.

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

You know the pain when it doesn't work but it worked for me You've got to be careful in JavaScript if not you'll be frustrated Thanks this was so helpful

@adamsaime-desire7240 4 года назад

Good job guy, your video has been very helpful for me, thank you !!! :)

@tegalucky383 Год назад

so simple, so easy to understand.....good one

@auroth6805 Год назад

Took me a while to get the video I needed for this project ^-^

@nem9187 3 месяца назад

really easy to implement into code! Thank you so much

@luizricardo6534 2 года назад

Just the way i needed, thanks so much o/

@satyamkatiyar7714 3 года назад

than u very much for this amazing video

@parvezkalia4648 2 года назад

what a tutorial.. thanks for this tutorial

@phyrom6438 2 года назад

Nice easy to understand thanku

@ryaschapman8241 3 года назад

If you were at the beginning of the slideshow, how would you display none the prev button since you are at the beginning?

@M.RIYAS.GHOST.OF.SPARTA Год назад

Thanks 👍🏻

@nyamcat8334 Год назад

Thank you!

@devabdee 2 года назад

great

@edilfonsocajun4837 3 года назад

@Web Zone How can I use this code to insert another slideshow in the same page (one beside the other); having the previous and next buttons controlling its respective slideshow.

@admed6013 Год назад

Thank you

@arditbytyi346 3 года назад

Thanks alot! :)

@petrkorecky4322 3 года назад

Thanks a lot :)

@5minutesfoodtips528 2 года назад

Good bro

@nages1549 3 года назад

Tq super

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

cara muito bom

@Kyogoyt Год назад

Hi, your code is super cool, but i need one extra thing. I need the text 1 of 5. When im going to the 2nd image then it shows me 2 of 5. You know what i mean? Do you know how i can do this?

@sony3246 4 года назад

How do you create this same code with multiple sliders on one page?

@aliHamzacomputerlab Год назад

@jakabsislol8169 2 года назад

hello why when i tried the programm i had the button "prev" was above the button "next" pls i need help on this as quickly as possible plssss

@user-jw8fm8sf7q 2 года назад

ot works with maps too????

@pratapbairagi7824 3 года назад

Return function is not working! I have cross checked many time, didn't get any fault in code. Any solution for this?

@riturajjha 2 года назад

How to animate clips

@robertoblanco192 2 года назад

Hi, can someone explain me next code? if(i

@MBHL-ug7ln 5 месяцев назад

"...i represents the current index of the image being displayed in the slider. i

@AdityaSharma-gh3jr 3 года назад

While sliding to next one of my image goes hide Cant find any errors Loop is working fine

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

currently having the same, after the last image in the array it hides. Did you manage to fix it?

@ashmusic621 3 года назад

Can someone explain to me what's going on in the loop? I'm beginner & I'm unable to understand what is going on?

@sabihahsalleh3951 3 года назад

Im new to javascript, but i guess the loop is similar to other programming language like c++ etc. 'If' statement is when you want to execute next code if the condition is true. 'i' was declared as a variable with initial value 0. In function prev(), if the value of 'i' is equal or smaller than 0 (condition), then value of 'i' will be equal to image.length (the value is equal to the last picture), after that decrement the value 'i' by one for every loops and return the value function setimg(). The same concept for function next() too. Sorry if im mistaken and for my bad english.

@ashmusic621 3 года назад

@@sabihahsalleh3951 Thank you!