https://nosound.band/viewsthebench/muse/vendor/forqy/core/js/slideshow.js

1/*jslint browser long:true */
2/*global window, Swiper */
3
4/**
5 * Slideshow
6 *
7 * @version     1.0.1
8 * @requires    Swiper
9 * @url         https://github.com/nolimits4web/swiper
10 */
11
12(function () {
13    "use strict";
14
15    /**
16     * Slideshow
17     */
18    const forqySlideshow = new Swiper(".js-slideshow", {
19        effect: parameter.effect ? parameter.effect : 'slide',
20        loop: !!parameter.loop,
21        speed: parameter.speed ? parseInt(parameter.speed) : 600,
22        direction: parameter.direction ? parameter.direction : 'horizontal',
23        autoHeight: parameter.autoheight ? parameter.autoheight : false,
24        threshold: 5,
25        grabCursor: true,
26        keyboard: true,
27
28        // Rewind
29        rewind: !!parameter.rewind,
30
31        // No Swiping
32        noSwiping: true,
33        noSwipingSelector: "a,button,input",
34
35        // Gutter
36        spaceBetween: parameter.spaceBetween ? parseInt(parameter.spaceBetween) : 0,
37
38        // Slides per View
39        slidesPerView: 1,
40
41        breakpoints: {
42            480: {
43                slidesPerView: parameter.slidesPerView480 ? parseInt(parameter.slidesPerView480) : 1,
44            },
45            1024: {
46                slidesPerView: parameter.slidesPerView1024 ? parseInt(parameter.slidesPerView1024) : 1,
47            },
48            1280: {
49                slidesPerView: parameter.slidesPerView1280 ? parseInt(parameter.slidesPerView1280) : 1,
50            },
51        },
52
53        // Progress
54        watchSlidesProgress: true,
55
56        // Effect - Fade
57        fadeEffect: {
58            crossFade: true,
59        },
60
61        // Effect - Creative
62        creativeEffect: {
63            prev: {
64                translate: ["-20%", 0, -1],
65            },
66            next: {
67                translate: ["100%", 0, 0],
68            },
69        },
70
71        // Lazy
72        preloadImages: false,
73        lazy: {
74            loadPrevNext: true
75        },
76
77        // Pagination
78        pagination: {
79            el: ".js-slideshow-pagination",
80            type: "bullets",
81            clickable: true,
82        },
83
84        // Navigation
85        navigation: {
86            nextEl: ".js-slideshow-next",
87            prevEl: ".js-slideshow-prev",
88        },
89
90        // Accessibility
91        a11y: {
92            prevSlideMessage: parameter.prevSlideMessage,
93            nextSlideMessage: parameter.nextSlideMessage,
94            firstSlideMessage: parameter.firstSlideMessage,
95            lastSlideMessage: parameter.lastSlideMessage,
96            paginationBulletMessage: parameter.paginationBulletMessage,
97        },
98
99        on: {
100
101            // On 'slideChange' Update LazyLoad Instance
102            slideChange: function () {
103
104                // Check If LazyLoad Exists
105                if (typeof LazyLoad === "function" && typeof forqyLazyLoad !== "undefined") {
106                    forqyLazyLoad.update();
107                }
108            },
109
110            // On 'lazyImageReady' Start Autoplay
111            lazyImageReady: function () {
112
113                // Autoplay
114                if (!this.autoplay.running) {
115
116                    this.params.autoplay = {
117                        delay: parameter.autoplayDelay ? parseInt(parameter.autoplayDelay) : 10000,
118                        stopOnLast: true,
119                        disableOnInteraction: true,
120                    };
121
122                    this.autoplay.start();
123                }
124            }
125        }
126    });
127
128}());