jpfh Posted May 4, 2021 Share Posted May 4, 2021 Hi there, I’m building a new 7.1 website and would like to add a summary block that does not stack and that allows for swiping when in mobile. I’d prefer not to have arrows, but rather the first image and some of the next one so that the viewer knows to swipe left and right. As an example, this page on the Nike site does the exact thing I’m looking for…. https://www.nike.com/ntc-app The equinox site also has this. (I’ve included a video of the site with the functionality I’m looking for)… Is there a plug-in or some css code that I can add to make this a possibility for my site? Thanks in advance, JP FullSizeRender.mov Link to comment
Wolfsilon Posted May 4, 2021 Share Posted May 4, 2021 Hello! To achieve this type of carousel with swipe controls and multiple slides-per-view, your best bet is to use "Swiper.JS". It is a javascript library that is highly customizable and packed with features. https://swiperjs.com/ Hope this helps. Link to comment
dannyhane Posted August 24, 2021 Share Posted August 24, 2021 On 5/4/2021 at 10:40 PM, Wolfsilon said: Hello! To achieve this type of carousel with swipe controls and multiple slides-per-view, your best bet is to use "Swiper.JS". It is a javascript library that is highly customizable and packed with features. https://swiperjs.com/ Hope this helps. could you help how you integrate swiper-js ? Link to comment
tuanphan Posted August 27, 2021 Share Posted August 27, 2021 On 8/25/2021 at 12:00 AM, dannyhane said: could you help how you integrate swiper-js ? Hi, Do you still need help with this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Knoxx Posted May 18, 2022 Share Posted May 18, 2022 On 8/26/2021 at 11:32 PM, tuanphan said: Hi, Do you still need help with this? I would like to know how to accomplish this! Link to comment
smav12 Posted August 3, 2022 Share Posted August 3, 2022 On 8/26/2021 at 11:32 PM, tuanphan said: Hi, Do you still need help with this? I also would like to know how to implement this into a summary block carousel. Looking to have it swipe/scroll a bit better on mobile. Link to comment
dfesenmyer Posted June 13, 2023 Share Posted June 13, 2023 YES I'd love to know how to integrate this into a page on my portfolio? It feels perfect for several applications. help is definitely needed. Jarmo2127 1 Link to comment
tuanphan Posted April 7 Share Posted April 7 On 4/5/2024 at 12:33 AM, Lode said: @tuanphan how can I use swiper.js on the summary carousel: https://lodeinc.com ? You mean Summary Carousel under this text? 100,000+ homes and counting. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment