Create a Slider with Swiper JS in Webflow

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

КОМЕНТАРІ • 27

  • @ОлександрТокарчук-ю7ж

    Amazing! Thank you for this video.

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

    Love this man! Thanks for the inspiration! 🙏🏾 So many possibilities going into those event listeners before entering the next slide 🚀

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

    Thank you 😊

  • @taywoo8216
    @taywoo8216 2 роки тому +2

    Nice, well done! I’ve used the scrollify library before and encountered quite a few bugs, this might be a better alternative

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

      I'm glad you like it, i tried Scrollify and FullPage.js as well but i found Swiper.js to be the best option between the three ! 🙂

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

    Bonjour, super tutoriel ! Je me demandais si l'on pouvait bloqué le swipe avec un évènement clique sur un bouton qui serait dans le swipe. Par exemple si l'on fait apparaitre une pop-up le swipe se bloque. J'ai essayé de le faire en passant par le Class Adder de Finsweet et je ne vois vraiment pas comment faire ? Si tu as une piste sur le sujet sa m'intéresse.

  • @PianoFAB95
    @PianoFAB95 2 роки тому +2

    Super astuce, merci ;) Oui c'est un peu cramé l'accent français :D

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

    That's just great. 👍 Do you mind to share a webflow view only / clone Link? It would be very helpful for recreational learning experience. Thanks Rene

  • @ОлександрТокарчук-ю7ж

    I recreated this slider, but I had a problem when I added interactions (hovering over links) made on the webflow. In the webflow viewer, the interactions work, but in the browser they do not play. Can you tell me how to fix it?

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

    Amazing tut also
    Are you providing assests?

  • @deltaa5713
    @deltaa5713 4 місяці тому

    bONJOUR ! , pour quand la sortie de la formation :) ?

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

    Awesome! Do you mind sharing where we can find similar videos like the one you used in the background?

    • @alextourgis
      @alextourgis  2 роки тому +2

      Glad you like it 🙂 I made this in Blender, i dont know where you can find this kind of video, i don't mind sharing this one with you, dm me if you want !

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

      @@alextourgis YES, PLEASE! Is email fine?

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

      @@alembukvich3240 Yes, you can send me an email at mael@tambien.studio !

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

    hey, thanks allot for the video! i am curious if you also had problems with using the touchpad to scroll and it swipes more than one slide at a time, i looked through github and other sites and found no solutions, any idea on how to fix that?

    • @alextourgis
      @alextourgis  Рік тому +1

      I didn't have any problem with it, i'll try and see if i find something about it and let you know !

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

    Bro I did everything you did but nothing is working

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

    Or is there something you are not telling us

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

      It would be easier for me to help you if you gave me a bit more detail, do you have an error message in the console, did you successfully imported and installed Swiper.js or nothing worked from the beginning ?

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

      @@alextourgis i tried following each step and it doesn't work for me too. literally checked in and copy pasted the code directly from swiper.js page. it does not work from the very beginning.

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

      Salut ! J'écris en français car je sais que tu comprend la langue. J'ai le même soucis que mes comparses, j'ai copié les codes dans la page et apparemment Webflow ne prend pas en compte les codes alors je ne sais pas pourquoi mais cela ne fonctionne pas. Je précise que je suis en abonnement Freelancer. Si ta une solution pour régler ce petit soucis cela m'intéresse. Merci en tout cas pour ta vidéo.

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

      C'est moi j'ai fait une erreur dans le code. En faite j'ai oublié de mettre la majuscule à 'new Swiper'. Cela change tout du coup.

  • @ismaelvaz0031
    @ismaelvaz0031 11 місяців тому

    I don't think he did it fast enough for us to actually do it with him. took me three hours to get through the first 10 minutes. lol what a waist of time.

    • @alextourgis
      @alextourgis  10 місяців тому

      If you are not happy with the Channel I recommend you go to see other creators.
      Always cool to deliver free content to people and received a “what a waste of time”
      Seeya,