Introducing…Splider 2
I am delighted to announce the release of Splider 2! I have completely reworked Splider 1 to give you direct access to the full power of the amazing splide.js library. The result is the most accessible, most modern, most powerful and most lightweight slider stack available for RapidWeaver and Stacks!
Calling it just a ‘slider’ stack though does it a huge injustice as Splider 2 is an absolute powerhouse of a stack that can function in countless ways. With it you can create sliders, carousels, autoscrolling content, full page screens, synced sliders, grid layouts and way more!
New features
Improved Accessibility
Sliders are notoriously problematic for accessibility. With Splide that is no longer the case as every aspect of accessibility has been considered and implemented. You can now even translate/customise all of the aria-labels and descriptions used to better suit the needs of your audience (and/or the purpose of the slider).
Flexible and efficient styling options
- Global styling options: Set your styles once and let all Spliders on the page inherit these settings
- Instance styling options: Set / override styling options for each individual Splider instance
- Source integration: Set Splider to pick up the colours defined by Source framework (these can also be set to be global or by instance)
- CSS variables: Use a framework (such as F6 and Source) that set your colour choices against CSS variables? You can now set these variables to be applied to Splider components (again, globally or by instance)
Wheel navigation
You can now allow the mouse wheel (or trackpad) to trigger the slide progression. It’s especially great for top-to-bottom full page presentations (see demo) but works with any type of Splider slider.
New ‘free’ drag mode
For each of your sliders you can enable the slides to be draggable in the standard way or in the new ‘free’ mode.
Autoscroll
The new Autoscroll function allows you to set your slides to continually and smoothly scroll across your page. This differs from ‘autoplay’ in that the slides do not pause each time they are brought into focus.
Triggers
You can now set Autoplay, Autoscroll and even videos to start and stop when the slider enters or exits the viewport!
Advanced options for developers
Splider 2 lets you tap into the full power of the splide.js library. With this (and a little knowledge of html/ css/ javascript ) you are able to take Splider to completely new levels!
Splider 1 owners can upgrade for 50% off using the code displayed in the latest version of Splider 1 (v1.5.3+).
Anyone who has bought Splider 1 this year (standalone or in a bundle) can get it completely for free. I will be sending emails to all qualifying email addresses in the next few days.
New to Splider? You can get 20% off with the code splider2
.
Enjoy!
Thanks,
Stuart