From 7aa203150fc1a2ec79c681c13f0d486d531746eb Mon Sep 17 00:00:00 2001 From: George Halkiadakis Date: Sun, 12 Mar 2023 23:57:48 +0200 Subject: error pages; js system to support back/front-end --- html/assets/js/sliders/slider.js | 42 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) create mode 100644 html/assets/js/sliders/slider.js (limited to 'html/assets/js/sliders') 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 + }); +}); -- cgit v1.2.3