Latest Javascript Image Slider with Next and Prev buttons | Html, Css and Javascript Image slider
ฝัง
- เผยแพร่เมื่อ 6 ก.พ. 2025
- Code :- github.com/skc...
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
TH-cam:- / webzonecode
Github:- github.com/skcals
Codepen:- codepen.io/skcals
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
Your code is simple, functional and very helpful. That's exactly what I was looking for. Thank you!
I know nothing about Javascript but this is a great base for programming image changer.
Now, time for effects.
So fast and clear, flawless work!
Thank you dude!
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.
Дякую Вам друже це було круто!
Took me a while to get the video I needed for this project ^-^
really easy to implement into code!
Thank you so much
so simple, so easy to understand.....good one
Just the way i needed, thanks so much o/
Nice easy to understand thanku
Thanks 👍🏻
Good job guy, your video has been very helpful for me, thank you !!! :)
all function is work but one image select for zoom how is we can do it
what a tutorial.. thanks for this tutorial
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?
than u very much for this amazing video
Good bro
Return function is not working! I have cross checked many time, didn't get any fault in code. Any solution for this?
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
Thank you!
ot works with maps too????
Thank you
great
@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.
Thanks a lot :)
How do you create this same code with multiple sliders on one page?
Thanks alot! :)
How to animate clips
Tq super
cara muito bom
Hi, can someone explain me next code? if(i
"...i represents the current index of the image being displayed in the slider.
i
While sliding to next one of my image goes hide
Cant find any errors
Loop is working fine
currently having the same, after the last image in the array it hides. Did you manage to fix it?
Can someone explain to me what's going on in the loop? I'm beginner & I'm unable to understand what is going on?
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.
@@sabihahsalleh3951 Thank you!
what a waste of time
scrubbing scrubbing...oh, inline js function, buh bye!