Create Responsive Card Slider in HTML CSS & JavaScript | Card Slider in HTML CSS & JavaScript

Sdílet
Vložit
  • čas přidán 25. 08. 2024

Komentáře • 49

  • @CodingNepal
    @CodingNepal  Před 13 dny

    Get Source Code of this Card Slider: buymeacoffee.com/codingnepal/e/278877

  • @CodingNepal
    @CodingNepal  Před měsícem +9

    Please let me know if the audio is too loud, too soft, or just right.

    • @DEVO69
      @DEVO69 Před měsícem

      Audio is good

    • @yubiroaster6285
      @yubiroaster6285 Před měsícem

      Sound quality and video quality both are good

    • @Prerna-qc9qg
      @Prerna-qc9qg Před 28 dny

      Everything is so smooth & perfect & my code actually works! It just helped me a lot!

    • @AdilAbuFatih
      @AdilAbuFatih Před 23 dny

      Hi CodingNepal, how to make a slider in html from our image posts on Instagram?

    • @BliitzPint
      @BliitzPint Před 11 dny

      I would prefer live commenting instead of nasty keyboard sounds and music.

  • @yubiroaster6285
    @yubiroaster6285 Před měsícem +5

    Such a useful project 👏

  • @YaroMalik
    @YaroMalik Před 2 dny

    great work how did you become so good

  • @faruqmuhammad3374
    @faruqmuhammad3374 Před 8 dny

    it just help meee, thank youuu!!!!

  • @Prerna-qc9qg
    @Prerna-qc9qg Před měsícem +1

    It just help me a lot!!

  • @tamizhseetha5290
    @tamizhseetha5290 Před měsícem

    thanks it helps me a lot

  • @bagusraziq9157
    @bagusraziq9157 Před 19 dny +1

    can i add some animation if the image slide?

  • @muhammad_zohaib936
    @muhammad_zohaib936 Před měsícem

    That is amazing sir ❤🙌

  • @Gaurav_khadka
    @Gaurav_khadka Před 21 dnem

    Great ❤❤❤❤❤❤

  • @MarkWilliamson-n4s
    @MarkWilliamson-n4s Před 19 dny

    Thanks

  • @sylvesterkuimba6543
    @sylvesterkuimba6543 Před měsícem

    you are the best

  • @marpusik1277
    @marpusik1277 Před měsícem

    thanks 🙏

  • @SinopleTree
    @SinopleTree Před dnem

    if only I knew you were bout to use an external library I wouldn't watch

  • @siddgupta222
    @siddgupta222 Před měsícem

    Bhai one video on Create Responsive School Website (HTML CSS & JavaScript)

  • @afzalmia428
    @afzalmia428 Před měsícem +1

    I don't know why people ask money for coffee rather than Chai😊😊😅

  • @rmusic6080
    @rmusic6080 Před měsícem

    it is good

  • @Kamlesh_k21
    @Kamlesh_k21 Před 24 dny

    vroo i wanna change image on hover in this slider.

  • @user-ly3sw9yc4l
    @user-ly3sw9yc4l Před 16 dny

    Очень круто

  • @Fnydo
    @Fnydo Před měsícem +1

    Plz in vanilla js with plugin

    • @CodingNepal
      @CodingNepal  Před měsícem +1

      If you're talking about slider without external library. Here are the videos:
      czcams.com/video/PsNaoDhzQm0/video.html
      czcams.com/video/6QE8dXq9SOE/video.html

  • @marvel4834
    @marvel4834 Před měsícem

    Bro I have a project which I tried a lot to make but I couldn't. I am new to learning web development. I didn't get any help to make the project. Can you please make a tutorial of my projector which you will upload on youtube. Please help build the project. How can I contact you to share my project? Please reply to me.❤❤❤

  • @albelafirst1663
    @albelafirst1663 Před měsícem +4

    am i the only one who sliding is not working

    • @CodingNepal
      @CodingNepal  Před 29 dny

      Can you tell me where you got stuck so that I can help you?

    • @albelafirst1663
      @albelafirst1663 Před 29 dny +2

      @@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

    • @francinedanielle
      @francinedanielle Před 25 dny

      Me too, in the console it says that the swiper was not defined. When I put "slider-wrapper" in js, it doesn't work

    • @CodingNepal
      @CodingNepal  Před 25 dny +2

      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.

    • @francinedanielle
      @francinedanielle Před 25 dny

      ​@@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

  • @Shivam99832
    @Shivam99832 Před měsícem

    Make Earning Website please🙏🙏🙏

    • @CodingNepal
      @CodingNepal  Před měsícem

      What type of earning website do you want?

    • @Shivam99832
      @Shivam99832 Před měsícem

      @CodingNepal A Earning website that can be registered and sing in in with daily login rewards, watch and earn, scratch card, and complete tasks

    • @Village_Vilogging
      @Village_Vilogging Před měsícem

      ​@@CodingNepal e-commerce

  • @ClubMedia
    @ClubMedia Před měsícem

    :))

  • @田守翔-t2u
    @田守翔-t2u Před měsícem

    you are the best