How to Build a Responsive Image Slider With Swiper.js

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ต.ค. 2024

ความคิดเห็น • 34

  • @РосновськаОльгаІС-13
    @РосновськаОльгаІС-13 ปีที่แล้ว

    Thank you! I struggled a lot with Swiper, and then I found your masterpiece! You're lifesaver.

  • @keinermendoza4631
    @keinermendoza4631 5 หลายเดือนก่อน +1

    The best tutorial of swiper i've ever seen. 👏👏👏

  • @randy918
    @randy918 2 ปีที่แล้ว +1

    Great class, I finally figured out how to have a swiperjs fill a responsive grid cell, this is so much easier than other methods, thank you!

  • @KorakotJarunongkran-dm6ue
    @KorakotJarunongkran-dm6ue ปีที่แล้ว

    Thank you. This is very helpful I have looking centeredSlides all day.

  • @nnejiben
    @nnejiben ปีที่แล้ว

    This video is so very helpful. This is one of the best I've seen on Swiper. The source code included is also very helpful. Thank you so much!

  • @sameerasmr6217
    @sameerasmr6217 2 ปีที่แล้ว

    Amazing, Simple and Great way of teaching... I watch, write them and read all to get the idea (even though my desktop broken).
    Thank you and long well 🙏

  • @tothemaxguy
    @tothemaxguy 2 ปีที่แล้ว +2

    Hi Adi! Can you make a complete Javascript tutorial for beginners and advanced in the future? Thanks!

  • @RafaelHEscobar
    @RafaelHEscobar ปีที่แล้ว +1

    Thank you. This is a super clear and concise tutorial on how to use swiper.js.
    As I'm pretty new to this language, I'd like to ask how could we activate multiple sliders on the same page with a single 'pack' of JS code and without one slider affecting the others in terms of functionality, because I tried to do it and what happened is that the nav elements nested in one section also move the images from other swipers across the whole page.

  • @rameenana
    @rameenana ปีที่แล้ว

    This is helpful man. Thanks

  • @Joy_Sarker1
    @Joy_Sarker1 ปีที่แล้ว

    great tutorial,
    thanks

  • @BilalMohammed1988
    @BilalMohammed1988 ปีที่แล้ว

    Awesome tutorial. I like it so much. Expecting more content like this.❤

  • @mattmelester8929
    @mattmelester8929 ปีที่แล้ว

    Great job as always

    • @envatotuts
      @envatotuts  ปีที่แล้ว

      Thank you! Cheers!

  • @abdulazizoqilov9618
    @abdulazizoqilov9618 ปีที่แล้ว

    Assalam alekum thank you bro. Amazing, Simple and Great way of teaching...

  • @christogonusobasi7882
    @christogonusobasi7882 2 ปีที่แล้ว +1

    Thanks for the awesome training.
    Are items from the envato elements allowed of a Software as a Service app? For instance, can I use a HTML administrator theme for my client-area?

  • @joaodonate2388
    @joaodonate2388 10 หลายเดือนก่อน

    very helpful!!

  • @priyajoshi74
    @priyajoshi74 2 ปีที่แล้ว

    Much appreciation.

  • @elegantslide
    @elegantslide ปีที่แล้ว

    What shortcut did you apply to comment on the div end ? Thanks

  • @p4nd4vgaming
    @p4nd4vgaming ปีที่แล้ว

    how can we add comments like you, which extension are you using?

  • @SreekalaA
    @SreekalaA ปีที่แล้ว +1

    Amazing..Can add forms to swiper js slides other than images?I want to add form validations too.

  • @kberwager
    @kberwager ปีที่แล้ว +1

    How do I set Swiper slider images that are portrait (taller height) in a predominantly landscape orientation slider to auto fit and center so that it doesn't push the swiper viewport down the page and it looks bad.

    • @RafaelHEscobar
      @RafaelHEscobar ปีที่แล้ว

      One of the possible ways to do it would be by applying the CSS properties _overflow-y: hidden;_ and _max-height: your value here;_ to the swiper container, and then by applying _object-fit: cover;_ to the tag nested inside the swiper container.

  • @Mike37373
    @Mike37373 11 หลายเดือนก่อน

    Thanks a lot

  • @ankitchaudhary283
    @ankitchaudhary283 11 หลายเดือนก่อน

    The pagination bullets are not visible after I wrote the Js code. Can anyone help me?

  • @JohnWickXD
    @JohnWickXD 2 ปีที่แล้ว

    Please we need a complete Js too🥺

  • @ronymiah7364
    @ronymiah7364 9 หลายเดือนก่อน

    awsome!

  • @lisofsky8151
    @lisofsky8151 2 ปีที่แล้ว

    Здравствуйте! this slider only for mobile ?

    • @envatotuts
      @envatotuts  2 ปีที่แล้ว

      No. Any website can use it.

    • @lisofsky8151
      @lisofsky8151 2 ปีที่แล้ว

      @@envatotuts thank you for your answer! Досвидания!

    • @randy918
      @randy918 2 ปีที่แล้ว

      @@envatotuts I was worried about that too. But I'm using it on my desktop site easily.

  • @khvedelidze21
    @khvedelidze21 ปีที่แล้ว

    thanks

  • @hamodi20091
    @hamodi20091 ปีที่แล้ว

    That’s a great tutorial, but you’re throwing way too much unnecessary sentences, just to expand the video duration