thanks for the tutorial, but there is an white screen after each end of the slider, the if-else statement is actually way too late recalled the value of counter(variable) and the animation would be called even if the variable has already been incremented nor decremented. please put an additional IF after the immediate ++, and before the immediate --(minus).
I have create this tutorial long before. I have create another tutorial on image slider which is much simpler and effective, you won't have any problems, so please refer to that tutorial.
Hi sir, Thanks for your excellent video. I will be grateful if you can make video on how to make multiple auto sliders on the same page. I have written the code. it is not sliding independently. I mean it is sliding sequentially first set of slides then the second set of slides. I want both sets should slide parallelly independently.
I already have a tutorial on multiple images slider, you can find the tutorial in the recent tutorials of our UA-cam channel. I hope it will fulfill your requirements.
Hello brother, I did everything and everything works great, thank you, but there is a problem that when I get to the last picture, it does not return to the first picture, the background appears empty, and after 6 seconds the first background appears, what should I do please
please help! first of all, thank you very much for the video and even the download of the file. that is almost exactly what I have been looking for for a long time. However, I have a small problem: it is only partially "responsive". if the page is made smaller, it reduces the "width", but unfortunately not the "height" as a percentage. This makes the image narrower in the view and you only see part of the image. how can I change the file in the CSS part so that the whole image is reduced proportionally in "width and height" at the same time? thank you very much for your help. greetings Matthias
I am glad it helped you. To adjust the width and height, there are many ways through which you can do it, but I prefer to use 'media query': At the bottom of the CSS code, write: @media(max-width: 600px){ .slide-container{ width: 500px; height: 300px; } } /* Note: you can vary the width of the media queries and use different width and height for the slide-container according to your need. Also add padding to the left and right of the body element to look better: Exp: body{ padding: 0px 8%; } I HOPE THIS SOLUTION WILL HELP YOU!
It's a bit hard for me when I try to found my issue, they are many img on my file so that makes the query select image gone wrong, but I fixed it. However I've been success. Thanks a lot
I don't know what problem you are facing, check the format of your images. Also I have given you the source code in the video description, you can download it. For your product images you may need a multiple images slider, and I am going to upload a new video tutorial soon, may be tomorrow. I hope it will help you, so stay tuned.
your tutorial is not a five star.
This is a Seven Star.🌟
Thank You Bro.
So nice of you
Most welcome bro
Wow! The best so far on youtube. Straightforward and informative. Thank you. Subscribed 👍
Glad it was helpful!
You are legend bro... I had watch too many videos in earler. By comparism your video is most easier and comfortable for me... love you bro
@@sumitbappy2447 thank you so much bro.
I am very happy this tutorial helped you
Your code for carousel is the simplest I've seen. Thank you.
Agree🙂
thanks
there are many ways, but i try the simplest
keep uploading this types of project ....
thank you
i will
Fantastic tutorial! Just what I was looking for
@@daw4680 I am glad it helped you.
Also watch multi image slider tutorial.
hands down bro, I am so grateful how you presenting us your pure knowledge about programming in js
Thanks a lot
I am happy you like it
@@five-startutorials7530 subed keep going✌
this video just wow.....
The best step by step explanation and tq bro
@@msrinu1579 Thank you bro
I'm glad it helped you
Wow! The best tutorial. Thank you so much.
You are most welcome
SUPERB VERY HELPFUL
Thank you
What a good tutorial tnx
You are welcome
this is what I was really needed. Thanks 👍
Glad it helped you!
thanks for the tutorial, but there is an white screen after each end of the slider, the if-else statement is actually way too late recalled the value of counter(variable) and the animation would be called even if the variable has already been incremented nor decremented. please put an additional IF after the immediate ++, and before the immediate --(minus).
I haven't noticed it, I will see
Thank you
Also very LOGISTIC to put in photo links... NO mess here 4 SURE ! ::: ;) Clean HTML and .css and .js Design ...
I am glad you liked it
Thank you bro
Thank you so much brother
Always welcome
many many thanks for the source file
You are most welcome
Your codes really helped me!
But what should I do to have 5 image slider containers?
I have create this tutorial long before.
I have create another tutorial on image slider which is much simpler and effective, you won't have any problems, so please refer to that tutorial.
@@five-startutorials7530 Got it! Thank You!
Thanks bro .. 🎉
You are welcome bro
Subscribed!!! ❤
Hi sir, Thanks for your excellent video. I will be grateful if you can make video on how to make multiple auto sliders on the same page. I have written the code. it is not sliding independently. I mean it is sliding sequentially first set of slides then the second set of slides. I want both sets should slide parallelly independently.
I already have a tutorial on multiple images slider, you can find the tutorial in the recent tutorials of our UA-cam channel.
I hope it will fulfill your requirements.
buenisimo gracias
Hello brother, I did everything and everything works great, thank you, but there is a problem that when I get to the last picture, it does not return to the first picture, the background appears empty, and after 6 seconds the first background appears, what should I do please
I uploaded the source code bro, now you can download the source code from the video description.
please help!
first of all, thank you very much for the video and even the download of the file. that is almost exactly what I have been looking for for a long time.
However, I have a small problem:
it is only partially "responsive". if the page is made smaller, it reduces the "width", but unfortunately not the "height" as a percentage. This makes the image narrower in the view and you only see part of the image.
how can I change the file in the CSS part so that the whole image is reduced proportionally in "width and height" at the same time?
thank you very much for your help.
greetings Matthias
I am glad it helped you.
To adjust the width and height, there are many ways through which you can do it, but I prefer to use 'media query':
At the bottom of the CSS code, write:
@media(max-width: 600px){
.slide-container{
width: 500px;
height: 300px;
}
}
/* Note: you can vary the width of the media queries and use different width and height for the slide-container according to your need.
Also add padding to the left and right of the body element to look better:
Exp:
body{
padding: 0px 8%;
}
I HOPE THIS SOLUTION WILL HELP YOU!
Thanks bro. But, can you pls show how to duplicate and place slider side by side
did you mean to show two or three slides at a time?
@@five-startutorials7530 yeah bro can you do that
It's a bit hard for me when I try to found my issue, they are many img on my file so that makes the query select image gone wrong, but I fixed it. However I've been success. Thanks a lot
I am glad it helped you
HAV U MADE ANY VIDEO (CLIENT NUMBER, RATING ) COUNT ON SCROLL
Can you code Prev and Next for post layout, not numeric pagination
i will try
@@five-startutorials7530 Pls do am waiting
doesnt work, i need it for images of products but the images doesnt seem to change
:/
I don't know what problem you are facing, check the format of your images.
Also I have given you the source code in the video description, you can download it.
For your product images you may need a multiple images slider, and I am going to upload a new video tutorial soon, may be tomorrow.
I hope it will help you, so stay tuned.
Great Bro.
Shame, you didn't make this code available for download. Please reconsider.
bhai my javascipt was not workon prev help me
You have the source code in the description bro
can you give me file this is project
💩 *_valoo ... uku ... may deham poray ..._* ☠
It is not responsive.
🥲
it is responsive
can you give me file this is project