Hi, i have a problem, when i tried to change the color of the pagination or the button next/prev, it didn't change. And i have tried other ways, it didn't work as well, what's the problem?
Hi, I have a problem. My Slider works, but no matter what resolution I have on my monitor, it just show one card, and it extends this card-item almost all over the screen. If I click on the sides arrows, it shows the next or the before card, but one at a time. In essence, if I have my browser deployed about 1200 px width, instead of showing 3 cards or more, it just show one, what could be wrong? Thanks for this awesome tutorial!
It sounds like there might be a typo or a missing breakpoint in your script.js. Could you double-check the code starting from 11:41 in the video to ensure it matches mine?
Hi mister, why after you install the CSS style and script from swiper.js, the card list immediately moves horizontally to the side? Wasn't it previously moved downwards?
If you're talking about slider without external library. Here are the videos: ua-cam.com/video/PsNaoDhzQm0/v-deo.html ua-cam.com/video/6QE8dXq9SOE/v-deo.html
@@CodingNepal The initializing swiper in java script is not working with me the slide doesn't move at all despite all the things seems to be perfctly done is there any or something or i am doing wrong
If you're encountering a "Swiper is not defined" error, it's likely due to not properly including the Swiper script before the closing as shown at 9:53 on line 76. Double-check the script to ensure it's correctly added. Other things to consider to ensure the slider works properly: 1. Make sure you've included the Swiper CSS link before the closing as shown at 9:40 on line 9. 2. Double-check that the Swiper classes in your HTML code (swiper, swiper-wrapper, swiper-slide) are added exactly as shown in the tutorial. 3. Make sure you linked your script.js file as shown at 10:58 on line 82, and it must be after Swiper script. 4. Ensure you've updated the Swiper selector class name from .swiper to .slider-wrapper as shown at 11:34 on line 1.
@@albelafirst1663it worked here. my script was above the swiper script and this wrong order caused conflict, after putting the js script at the end, it worked
Get Source Code of this Card Slider: buymeacoffee.com/codingnepal/e/278877
Please let me know if the audio is too loud, too soft, or just right.
Audio is good
Sound quality and video quality both are good
Everything is so smooth & perfect & my code actually works! It just helped me a lot!
Hi CodingNepal, how to make a slider in html from our image posts on Instagram?
I would prefer live commenting instead of nasty keyboard sounds and music.
excellent video with clear understanding. Even though i don't know java script much, i understood .Thank you so much.
Such a useful project 👏
Glad you like this project.
Hi, i have a problem, when i tried to change the color of the pagination or the button next/prev, it didn't change. And i have tried other ways, it didn't work as well, what's the problem?
You're the greatest!! Thanks for the help.
This is wonderful!! ❤️❤️❤️
can i add some animation if the image slide?
it just help meee, thank youuu!!!!
Hi, I have a problem. My Slider works, but no matter what resolution I have on my monitor, it just show one card, and it extends this card-item almost all over the screen. If I click on the sides arrows, it shows the next or the before card, but one at a time. In essence, if I have my browser deployed about 1200 px width, instead of showing 3 cards or more, it just show one, what could be wrong? Thanks for this awesome tutorial!
It sounds like there might be a typo or a missing breakpoint in your script.js. Could you double-check the code starting from 11:41 in the video to ensure it matches mine?
Hi , I had same problem it seems that we need to add .swiper class in the main div class container in order to get the correct slides.
I got the same issue because i put "slidesPreView" instead of "slidesPerView" now it's solved
It just help me a lot!!
hi, could anyone help why the result of my slide fits the window? like the size is not the same before adding the swiper js :)
That is amazing sir ❤🙌
Thanks a lot.. keep watching!
Hi mister, why after you install the CSS style and script from swiper.js, the card list immediately moves horizontally to the side? Wasn't it previously moved downwards?
The Swiper CSS adds custom styles that change the card layout to horizontal. You can inspect the cards by pressing the F12 key to see these styles.
great work how did you become so good
thanks it helps me a lot
Great ❤❤❤❤❤❤
vroo i wanna change image on hover in this slider.
you are the best
Thank you
Obrigado amigo , você é um amigo amigo.
is there is a way to make this with out using swiper ?
Here are the some slider videos that don't use external library:
ua-cam.com/video/PsNaoDhzQm0/v-deo.html
ua-cam.com/video/6QE8dXq9SOE/v-deo.html
@@CodingNepal just wanted to drop a note to say thank you for your kindness, I truly appreciate it .
@@CodingNepal and you are amazing bay the way , and I learned a lot from your video
@@aliadrian2772 It's my pleasure. Happy coding!
I don't know why people ask money for coffee rather than Chai😊😊😅
tu chai ke paise hi dede
thanks for the video
You're welcome
my slider doesn't change from vertical to horizontal. I have checked 100 times. cant find the mistake. what a pitty. great tutorial though
Can you share your html and js code here so I can look into it.?
Plz in vanilla js with plugin
If you're talking about slider without external library. Here are the videos:
ua-cam.com/video/PsNaoDhzQm0/v-deo.html
ua-cam.com/video/6QE8dXq9SOE/v-deo.html
if only I knew you were bout to use an external library I wouldn't watch
Bhai one video on Create Responsive School Website (HTML CSS & JavaScript)
thanks 🙏
am i the only one who sliding is not working
Can you tell me where you got stuck so that I can help you?
@@CodingNepal The initializing swiper in java script is not working with me the slide doesn't move at all despite all the things seems to be perfctly done is there any or something or i am doing wrong
Me too, in the console it says that the swiper was not defined. When I put "slider-wrapper" in js, it doesn't work
If you're encountering a "Swiper is not defined" error, it's likely due to not properly including the Swiper script before the closing as shown at 9:53 on line 76. Double-check the script to ensure it's correctly added.
Other things to consider to ensure the slider works properly:
1. Make sure you've included the Swiper CSS link before the closing as shown at 9:40 on line 9.
2. Double-check that the Swiper classes in your HTML code (swiper, swiper-wrapper, swiper-slide) are added exactly as shown in the tutorial.
3. Make sure you linked your script.js file as shown at 10:58 on line 82, and it must be after Swiper script.
4. Ensure you've updated the Swiper selector class name from .swiper to .slider-wrapper as shown at 11:34 on line 1.
@@albelafirst1663it worked here. my script was above the swiper script and this wrong order caused conflict, after putting the js script at the end, it worked
Thanks
it is good
Очень круто
Make Earning Website please🙏🙏🙏
What type of earning website do you want?
@CodingNepal A Earning website that can be registered and sing in in with daily login rewards, watch and earn, scratch card, and complete tasks
@@CodingNepal e-commerce
dislike por no poner codigo
:))