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?
If you're talking about slider without external library. Here are the videos: th-cam.com/video/PsNaoDhzQm0/w-d-xo.html th-cam.com/video/6QE8dXq9SOE/w-d-xo.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.
can i add some animation if the image slide?
It just help me a lot!!
Obrigado amigo , você é um amigo amigo.
it just help meee, thank youuu!!!!
great work how did you become so good
thanks it helps me a lot
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?
vroo i wanna change image on hover in this slider.
I don't know why people ask money for coffee rather than Chai😊😊😅
tu chai ke paise hi dede
That is amazing sir ❤🙌
Thanks a lot.. keep watching!
Bhai one video on Create Responsive School Website (HTML CSS & JavaScript)
you are the best
Thank you
Thanks
thanks for the video
You're welcome
Great ❤❤❤❤❤❤
thanks 🙏
Plz in vanilla js with plugin
If you're talking about slider without external library. Here are the videos:
th-cam.com/video/PsNaoDhzQm0/w-d-xo.html
th-cam.com/video/6QE8dXq9SOE/w-d-xo.html
is there is a way to make this with out using swiper ?
Here are the some slider videos that don't use external library:
th-cam.com/video/PsNaoDhzQm0/w-d-xo.html
th-cam.com/video/6QE8dXq9SOE/w-d-xo.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!
if only I knew you were bout to use an external library I wouldn't watch
it is good
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
Очень круто
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
:))