Derokki’s Post

How to create RTL-friendly Sliders using SplideJS + Swiper JS: In reference to my latest video about RTL Webflow Sliders - I wanted to share some afterthoughts: 1. If you're using SplideJS: -> Add following line at beginning of script: let dir = document.documentElement.getAttribute("dir") || "ltr"; -> add following line inside for-loop: direction: dir, SplideJS Slider will now automatically run correctly, based on the HTML dir attr! Example: https://lnkd.in/ekP7j6zS Read-Only Link: https://lnkd.in/eTk444aK ----- 2. If you're using SwiperJS: SwiperJS automatically runs correctly based on the HTML dir attr - no need to make any changes! Example: https://lnkd.in/engp4iXY Hope this helps!

Carousel Slider Collection

Carousel Slider Collection

rtl-splidejs-slider.webflow.io

To view or add a comment, sign in

Explore topics