https://www.muottasmuragl.ch/typo3conf/ext/cs2_stories/Resources/Public/JavaScript/slider.js?1666788491

1require(["jquery","swiper","focuspoint","lazy"],function($,Swiper){
2
3
4  $(function(){
5    document.addEventListener('lazybeforeunveil', function(e) {
6      setTimeout(function(){
7        $(e.target).parents('.focuspoint').adjustFocus().trigger('focused');
8      },0);
9
10    });
11
12    // todo after init set cards heiht to max
13    $('[id^=stories-swiper-slider-]').each(function(index,element){
14      var teaserslider = new Swiper(element, {
15        init: false,
16        slidesPerView: 1,
17        spaceBetween: 0,
18        speed: 600,
19        loop: true,
20        loopAdditionalSlides: 1,
21
22        effect: 'creative',
23        breakpoints: {
24          320: {
25            creativeEffect: {
26              prev: {
27                translate: ['-40%', '40%', 0],
28                scale: 0.5,
29              },
30              next: {
31                translate: ['40%', '40%', 0],
32                scale: 0.5,
33              },
34            },
35          },
36          992: {
37            creativeEffect: {
38              prev: {
39                translate: ['-58%', '25%', 0],
40                scale: 0.8,
41              },
42              next: {
43                translate: ['58%', '25%', 0],
44                scale: 0.8,
45              },
46            },
47          },
48        },
49
50        simulateTouch: false,
51        shortSwipes: true,
52        lazy: {
53          loadPrevNext: true,
54          loadOnTransitionStart: true
55        },
56        navigation: {
57          nextEl: $(element).find('.swiper-button-next')[0],
58          prevEl: $(element).find('.swiper-button-prev')[0],
59        },
60        on: {
61          beforeTransitionStart: () => {
62          },
63          transitionStart: function() {
64          },
65          init: () => {
66          },
67        }
68      });
69      teaserslider.init();
70      teaserslider.update();
71      $(element).find('.card').height($(element).height());
72    });
73
74
75  });
76
77});