1 files changed, 42 insertions, 0 deletions
diff --git a/html/content/js/Sliders/slider.js b/html/content/js/Sliders/slider.js
new file mode 100644
index 0000000..a9f5824
--- /dev/null
+++ b/html/content/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
+    });
+});