Module Description
Provides integration with Splide, the vanilla JavaScript Slider.
Requirements
* Splide library at minimum v3+ since 1.0.1:
* /libraries/splide/dist/css/splide-core.css
* /libraries/splide/dist/css/splide.min.css (optional)
* /libraries/splide/dist/js/splide.min.js
Or any path supported by core library finder. The folder splidejs--splide via Composer asset-packagist takes precedence over splide. Be sure versions are expected.
* Blazy 2.10+ since Splide:1.0.5.
* field_image and field_images for the provided samples, Splide X.
How to use Check out the provided docs at /admin/help/splide_ui and /admin/help/splide_x after installations. Or here:
* https://git.drupalcode.org/project/splide/-/tree/1.0.x/docs
* https://git.drupalcode.org/project/splide/-/blob/1.0.x/modules/splide_x/...
Modules which require, or work with Splide
* Splidebox
* ElevateZoom Plus
FAQs Q: What values does this module add over existing solutions? A:
* Vanilla JavaScript, no jQuery, inline with core direction.
* Absurdly small size, half of Slick minified js, non-gzip (Splide 27KB vs. Slick 42KB + 89KB jQuery, roughly). Still smaller than Colorbox 11Kb + 89KB jQuery to be fair.
* Plugin system, like Drupal core plugin system. It is trivial and cleaner to add custom or advanced needs.
* Vanilla with navigation supports, and a few more betterments.
Q: Caveats? A: It uses flexbox, meaning great for modern-oriented sites, but likely not for old IEs. Sticking to Slick is recommended if you want to support oldies. Check out stats here against your visitors. Unless you know how to replace display: flexbox to display: block for .splide__list and float for its slide elements (.splide__slide) specific for IE 11 below, technically speaking, untested. Splide inherited Slick's battles, but not its scars. Aside from a few obvious improvements, a few issues might or might not be resolved, or inherited.
Q: Why another carousel? A: Slick 2.x as vanilla JavaScript was out 6 years ago (9/21/15), and hadn't been officially supported so far. How much I love Slick, unfortunately Slick library as the vanilla one appeared to no longer be developed in the last 6 years, if not ceased. People got priorities, of course . The new Splide library which was inspired by Slick can be considered as its successor for future betterment and development, hopefully. Rest assured credit where credit's due to Slick contributors either as the library, or the module.
Requirements
* Splide library at minimum v3+ since 1.0.1:
* /libraries/splide/dist/css/splide-core.css
* /libraries/splide/dist/css/splide.min.css (optional)
* /libraries/splide/dist/js/splide.min.js
Or any path supported by core library finder. The folder splidejs--splide via Composer asset-packagist takes precedence over splide. Be sure versions are expected.
* Blazy 2.10+ since Splide:1.0.5.
* field_image and field_images for the provided samples, Splide X.
How to use Check out the provided docs at /admin/help/splide_ui and /admin/help/splide_x after installations. Or here:
* https://git.drupalcode.org/project/splide/-/tree/1.0.x/docs
* https://git.drupalcode.org/project/splide/-/blob/1.0.x/modules/splide_x/...
Modules which require, or work with Splide
* Splidebox
* ElevateZoom Plus
FAQs Q: What values does this module add over existing solutions? A:
* Vanilla JavaScript, no jQuery, inline with core direction.
* Absurdly small size, half of Slick minified js, non-gzip (Splide 27KB vs. Slick 42KB + 89KB jQuery, roughly). Still smaller than Colorbox 11Kb + 89KB jQuery to be fair.
* Plugin system, like Drupal core plugin system. It is trivial and cleaner to add custom or advanced needs.
* Vanilla with navigation supports, and a few more betterments.
Q: Caveats? A: It uses flexbox, meaning great for modern-oriented sites, but likely not for old IEs. Sticking to Slick is recommended if you want to support oldies. Check out stats here against your visitors. Unless you know how to replace display: flexbox to display: block for .splide__list and float for its slide elements (.splide__slide) specific for IE 11 below, technically speaking, untested. Splide inherited Slick's battles, but not its scars. Aside from a few obvious improvements, a few issues might or might not be resolved, or inherited.
Q: Why another carousel? A: Slick 2.x as vanilla JavaScript was out 6 years ago (9/21/15), and hadn't been officially supported so far. How much I love Slick, unfortunately Slick library as the vanilla one appeared to no longer be developed in the last 6 years, if not ceased. People got priorities, of course . The new Splide library which was inspired by Slick can be considered as its successor for future betterment and development, hopefully. Rest assured credit where credit's due to Slick contributors either as the library, or the module.
Module Link
Project Usage
506
Security Covered
Covered By Security Advisory
Version Available
Production
Module Summary
This module aims to provide integration with Splide, the vanilla JavaScript Slider, offering a lightweight and customizable alternative to existing carousel solutions.
Data Name
splide
OPENAI CHATBOT
OPENAI CHATBOT
