diff options
| author | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2023-03-12 23:57:48 +0200 |
|---|---|---|
| committer | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2023-03-12 23:57:48 +0200 |
| commit | 7aa203150fc1a2ec79c681c13f0d486d531746eb (patch) | |
| tree | f09ba9f69ccd434e9c7fdeb41807fc8008784d8a /html/assets/js/sliders | |
| parent | 221af3a2e035bd6689294509feb52f286d3bd5be (diff) | |
| download | classroom-7aa203150fc1a2ec79c681c13f0d486d531746eb.tar.gz classroom-7aa203150fc1a2ec79c681c13f0d486d531746eb.tar.bz2 classroom-7aa203150fc1a2ec79c681c13f0d486d531746eb.zip | |
error pages; js system to support back/front-end
Diffstat (limited to 'html/assets/js/sliders')
| -rw-r--r-- | html/assets/js/sliders/slider.js | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/html/assets/js/sliders/slider.js b/html/assets/js/sliders/slider.js new file mode 100644 index 0000000..a9f5824 --- /dev/null +++ b/html/assets/js/sliders/slider.js @@ -0,0 +1,42 @@ +// Modules included:
+// 'virtual',
+// 'mousewheel',
+// 'navigation',
+// 'pagination',
+// 'zoom',
+// 'lazy',
+// 'autoplay',
+// 'thumbs',
+// 'manipulation',
+// 'effect-fade',
+
+$$plugins.define('slider', ['swiper-bundle'], function (element, options, Swiper) {
+ if (element.childNodes.length == 0) {
+ return;
+ }
+
+ // init Swiper
+ const swiper = new Swiper(element, {
+ autoHeight: options.autoHeight ? options.autoHeight : false,
+ breakpoints: options.breakpoints,
+ centerInsufficientSlides: options.centerInsufficientSlides ? options.centerInsufficientSlides : false,
+ centeredSlides: options.centeredSlides ? options.centeredSlides : false,
+ direction: options.direction ? options.direction : 'horizontal',
+ effect: options.effect ? options.effect : 'slide',
+ loop: options.loop ? options.loop : false,
+ navigation: {
+ nextEl: element.querySelector('.swiper-button-next'),
+ prevEl: element.querySelector('.swiper-button-prev'),
+ },
+ pagination: {
+ el: element.querySelector('.swiper-pagination'),
+ type: 'bullets',
+ clickable: 'true'
+ },
+ slidesPerGroup: options.slidesPerGroup ? options.slidesPerGroup : 1,
+ slidesPerView: options.slidesPerView ? options.slidesPerView : 1,
+ spaceBetween: options.spaceBetween ? options.spaceBetween : 0,
+ speed: options.speed ? options.speed : 800,
+ watchSlidesProgress: true
+ });
+});
|