Vertical Slider | JavaScript

Поділитися
Вставка
  • Опубліковано 7 лис 2024

КОМЕНТАРІ • 32

  • @DevMadeEasy
    @DevMadeEasy  3 роки тому +1

    If you find this video helpful, give it a like as this would help it reach even more people! Also, subscribe if you haven't ! Thank you! 🙏

  • @PabG77
    @PabG77 2 роки тому +1

    You made remember why I love front-end so much, thank you for the video. New subscriber

  • @ShivamSharma-eg5cd
    @ShivamSharma-eg5cd 3 роки тому

    I really appreciate you.
    for explain.
    Please make more and more Javascript projects.

    • @DevMadeEasy
      @DevMadeEasy  3 роки тому

      Hello Dev, thanks.
      Sure, I will make more JavaScript Project...
      Happy Coding!

  • @user-zj9mk5cv8d
    @user-zj9mk5cv8d 2 роки тому

    Great Video, but my 1 question - what is the autoplay property for this slider. because I want to make an auto slide slider, please help me. Thanks You

    • @DevMadeEasy
      @DevMadeEasy  2 роки тому

      Hello Dev, how are you doing?
      You can use javascript so instead of clicking the button it switches to the next slide automatically after a certain time, you can use setTimeout() for example.
      There's so many ways...
      Happy Coding my friend!

  • @kaynesheenan
    @kaynesheenan 3 роки тому

    thanks dude!

  • @Victor-vy6qe
    @Victor-vy6qe 3 роки тому

    Hello, My script js doesn't work. the problem is something in this part of the code "slideRight.style.transform = 'translateY(-${activeSlideIndex * sliderHeight}px)';"
    help me pls

    • @DevMadeEasy
      @DevMadeEasy  3 роки тому

      Hello Dev, how are you doing?
      Can you please show us your code?

    • @ngoanhtuan6321
      @ngoanhtuan6321 3 роки тому

      @@DevMadeEasy I have the same problem as Mr.Moral ,Could I show you in Facebook page.

    • @studymaterial1664
      @studymaterial1664 2 роки тому

      because you are using a single quote ( ' ) in the code but it is actually a back quote ( ` )

  • @alakeshT
    @alakeshT 2 роки тому

    Sir i understand all the lines but when I try to code without watching the video I stuck .why? Is it normal ?
    Is my logic weak?should I practice DS and algo before trying development?

  • @nikhilpatel915
    @nikhilpatel915 3 роки тому +1

    Please make separate video where you make this page responsive

    • @DevMadeEasy
      @DevMadeEasy  3 роки тому +1

      Thanks it sounds like a good idea!

    • @wieN4rn0
      @wieN4rn0 3 роки тому

      @@DevMadeEasy I'll be waiting for the responsive one

    • @hackerprime9722
      @hackerprime9722 Рік тому

      It would be great if he made it responsive from the get go.

  • @pedroalexandre9511
    @pedroalexandre9511 3 роки тому

    My script js doesn't work. Do you have the source code available to check? thanks

    • @DevMadeEasy
      @DevMadeEasy  3 роки тому +1

      Check again, 99% of the time it is a typo.
      I'm working on posting the code somewhere and sharing it.
      Please check or FB page
      Good studies!

    • @pedroalexandre9511
      @pedroalexandre9511 3 роки тому

      @@DevMadeEasy You were right.. The script is working well!

    • @DevMadeEasy
      @DevMadeEasy  3 роки тому

      @@pedroalexandre9511 I happy you figure it out! See you!

  • @viktorkasap
    @viktorkasap 3 роки тому

    Hi, great case, and what about infinity? ;-)

  • @Husan203
    @Husan203 3 роки тому

    Владилен Минин?

  • @eddyzachmbuluyo7627
    @eddyzachmbuluyo7627 3 роки тому

    the left side doesn't work. I have write the same code than yours

    • @DevMadeEasy
      @DevMadeEasy  3 роки тому

      Hello my friend Dev, check it again, and you will see that this is a typo, remember to check not only JS but also HTML and CSS.
      I will be posting the code on my FB page.

    • @eddyzachmbuluyo7627
      @eddyzachmbuluyo7627 3 роки тому

      @@DevMadeEasy hello I try to put it on mobile but it's very difficult. can you show me please. thanks

  • @nikhilpatel915
    @nikhilpatel915 3 роки тому

    How to make it responsive , I tried many times but haven't make it responsive

    • @DevMadeEasy
      @DevMadeEasy  3 роки тому

      Hello Dev, it's not really responsive, it doesn’t look good on a smaller screen because of the orientation of it.
      This was made for, you know, a desktop, laptop et cetera.
      If you wanted to, you could go on and try to maybe switch the orientation on smaller screens.

  • @syediqbalahmed3176
    @syediqbalahmed3176 3 роки тому

    chee later ...