https://www.jasenna.eu/skins/jasenna.eu_lego2/js/swiperInit.js?v=v6.5.0b

1jQuery(document).ready(function () {
2  if (jQuery('.js-swiper-container3 .swiper-slide').length > 1) {
3      jQuery('.swiper-button-next3').removeClass('d-none');
4      jQuery('.swiper-button-prev3').removeClass('d-none');
5      var legoSwiper3 = new Swiper('.js-swiper-container3',
6      Object.assign({
7              autoplay: {
8                delay: 6000,
9                disableOnInteraction: false
10              },
11              loop: true,
12              navigation: {
13                  nextEl: '.swiper-button-next3',
14                  prevEl: '.swiper-button-prev3',
15              },
16              a11y: {
17                  prevSlideMessage: currentTranslation.prev,
18                  nextSlideMessage: currentTranslation.next,
19              },
20              simulateTouch: false,
21              pagination: {
22                  el: '.swiper-pagination',
23                  dynamicBullets: true,
24              },
25              paginationClickable: true,
26              preloadImages: false,
27              scrollbar: {
28                  el: '.swiper-scrollbar',
29                  hide: true,
30              },
31              speed: 1500,
32
33              breakpointsInverse: true,
34              breakpoints: {
35                  320: {
36                  slidesPerView: 1,
37                  spaceBetween: 10
38                  },
39                  768: {
40                  slidesPerView: 2,
41                  spaceBetween: 18
42                  },
43                  1200: {
44                  slidesPerView: 3,
45                  spaceBetween: 18
46                  }
47              }
48          },
49        swiperOptions1))
50      // Pozastavování swiperu
51      let isSwiperRunning = false;
52      let isSwiperPausedByButton = false;
53      let isSwiperResumedByButton = false;
54      let isSwiperPausedByMouseenter = false;
55      let isSwiperPausedByReducedMotion = false;
56
57      // Pokud animace běží, zobrazí se tlačítko pro pozastavení
58      if (legoSwiper3.autoplay.running) {
59          isSwiperRunning = true;
60          jQuery('.swiper-button-pause3').removeClass('d-none').addClass('icon-pause').attr('title', currentTranslation.pause).attr('aria-label', currentTranslation.pause);
61
62        // Zastavení animace pokud má uživatel nastavený reduce motion
63        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
64          legoSwiper3.autoplay.stop();
65          isSwiperPausedByReducedMotion = true;
66          jQuery('.swiper-button-pause3').removeClass('icon-pause').addClass('icon-play').attr('title', currentTranslation.play).attr('aria-label', currentTranslation.play);
67        }
68      };
69
70      // Zastavení animace při najetí myši
71      jQuery(".js-swiper-container3").mouseenter(function() {
72        if (legoSwiper3.autoplay.running && !isSwiperPausedByReducedMotion && !isSwiperResumedByButton) {
73          legoSwiper3.autoplay.stop();
74          isSwiperPausedByMouseenter = true;
75          jQuery('.swiper-button-pause3').addClass('swiper-paused');
76        }
77      });
78      jQuery(".js-swiper-container3").mouseleave(function() {
79        if (!legoSwiper3.autoplay.running && !isSwiperPausedByButton && !isSwiperPausedByReducedMotion && !isSwiperResumedByButton) {
80          legoSwiper3.autoplay.start();
81          isSwiperPausedByMouseenter = false;
82          jQuery('.swiper-button-pause3').removeClass('swiper-paused')
83        } else if (isSwiperResumedByButton) {
84          isSwiperResumedByButton = false;
85        }
86      });
87
88      // Pozastavení animace po stisknutí tlačítka
89      jQuery('.swiper-button-pause3').on('click keydown', function (e) {
90          if (e.type === 'click' || e.key === 'Enter') {
91              if (legoSwiper3.autoplay.running || isSwiperPausedByMouseenter) {
92                  legoSwiper3.autoplay.stop();
93                  isSwiperPausedByButton = true;
94                  isSwiperPausedByMouseenter = false;
95                  jQuery(this).removeClass('icon-pause').addClass('icon-play').attr('title', currentTranslation.play).attr('aria-label', currentTranslation.play);
96                  jQuery('.swiper-button-pause3').removeClass('swiper-paused');
97              } else if (!isSwiperPausedByMouseenter) {

98                  legoSwiper3.autoplay.start();
99                  isSwiperPausedByButton = false;
100                  isSwiperResumedByButton = true;
101                  jQuery(this).removeClass('icon-play').addClass('icon-pause').attr('title', currentTranslation.pause).attr('aria-label', currentTranslation.pause);
102                  jQuery('.swiper-button-pause3').removeClass('swiper-paused')
103              }
104          }
105      });
106  }
107
108  jQuery(".swiper-container3").removeClass("invisible");
109});
110
111
112// // Swiper 1
113// jQuery(document).ready(function () {
114//     if (jQuery('.js-swiper-container1 .swiper-slide').length > 1) {
115//         jQuery('.swiper-button-next1').removeClass('d-none');
116//         jQuery('.swiper-button-prev1').removeClass('d-none');
117//         let legoSwiper1 = new Swiper('.js-swiper-container1',
118//             Object.assign({
119//                 autoplay: {
120//                   delay: 6000,
121//                   disableOnInteraction: false
122//                 },
123//                 effect: 'fade', // slide, fade, cube, coverflow, flip
124//                 loop: true,
125//                 navigation: {
126//                     nextEl: '.swiper-button-next1',
127//                     prevEl: '.swiper-button-prev1',
128//                 },
129//                 a11y: {
130//                     prevSlideMessage: currentTranslation.prev,
131//                     nextSlideMessage: currentTranslation.next,
132//                 },
133//                 simulateTouch: false,
134//                 pagination: {
135//                     el: '.swiper-pagination',
136//                     dynamicBullets: true,
137//                 },
138//                 preloadImages: false,
139//                 scrollbar: {
140//                     el: '.swiper-scrollbar',
141//                     hide: true,
142//                 },
143//                 slidesPerView: 1,
144//                 speed: 1500,
145//                 },
146//                 swiperOptions1
147//             )
148//         )
149
150//         // Pozastavování swiperu
151//         let isSwiperRunning = false;
152//         let isSwiperPausedByButton = false;
153//         let isSwiperResumedByButton = false;
154//         let isSwiperPausedByMouseenter = false;
155//         let isSwiperPausedByReducedMotion = false;
156
157//         // Pokud animace běží, zobrazí se tlačítko pro pozastavení
158//         if (legoSwiper1.autoplay.running) {
159//             isSwiperRunning = true;
160//             jQuery('.swiper-button-pause1').removeClass('d-none').addClass('icon-pause').attr('title', currentTranslation.pause).attr('aria-label', currentTranslation.pause);
161
162//           // Zastavení animace pokud má uživatel nastavený reduce motion
163//           if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
164//             legoSwiper1.autoplay.stop();
165//             isSwiperPausedByReducedMotion = true;
166//             jQuery('.swiper-button-pause1').removeClass('icon-pause').addClass('icon-play').attr('title', currentTranslation.play).attr('aria-label', currentTranslation.play);
167//           }
168//         };
169
170//         // Zastavení animace při najetí myši
171//         jQuery(".js-swiper-container1").mouseenter(function() {
172//           if (legoSwiper1.autoplay.running && !isSwiperPausedByReducedMotion && !isSwiperResumedByButton) {
173//             legoSwiper1.autoplay.stop();
174//             isSwiperPausedByMouseenter = true;
175//             jQuery('.swiper-button-pause1').addClass('swiper-paused');
176//           }
177//         });
178//         jQuery(".js-swiper-container1").mouseleave(function() {
179//           if (!legoSwiper1.autoplay.running && !isSwiperPausedByButton && !isSwiperPausedByReducedMotion && !isSwiperResumedByButton) {
180//             legoSwiper1.autoplay.start();
181//             isSwiperPausedByMouseenter = false;
182//             jQuery('.swiper-button-pause1').removeClass('swiper-paused')
183//           } else if (isSwiperResumedByButton) {
184//             isSwiperResumedByButton = false;
185//           }
186//         });
187
188//         // Pozastavení animace po stisknutí tlačítka
189//         jQuery('.swiper-button-pause1').on('click keydown', function (e) {
190//             if (e.type === 'click' || e.key === 'Enter') {
191//                 if (legoSwiper1.autoplay.running || isSwiperPausedByMouseenter) {
192//                     legoSwiper1.autoplay.stop();
193//                     isSwiperPausedByButton = true;
194//                     isSwiperPausedByMouseenter = false;

195//                     jQuery(this).removeClass('icon-pause').addClass('icon-play').attr('title', currentTranslation.play).attr('aria-label', currentTranslation.play);
196//                     jQuery('.swiper-button-pause1').removeClass('swiper-paused');
197//                 } else if (!isSwiperPausedByMouseenter) {
198//                     legoSwiper1.autoplay.start();
199//                     isSwiperPausedByButton = false;
200//                     isSwiperResumedByButton = true;
201//                     jQuery(this).removeClass('icon-play').addClass('icon-pause').attr('title', currentTranslation.pause).attr('aria-label', currentTranslation.pause);
202//                     jQuery('.swiper-button-pause1').removeClass('swiper-paused')
203//                 }
204//             }
205//         });
206//     }
207// });
208
209// Swiper 5
210/*
211jQuery(document).ready(function() {
212  let legoSwiper5 = new Swiper(".js-swiper-container5", {
213    autoplay: {
214      delay: 6000,
215      disableOnInteraction: false
216    },
217    loop: true,
218    loopFillGroupWithBlank: true,
219    navigation: {
220      nextEl: ".swiper-button-next5",
221      prevEl: ".swiper-button-prev5",
222    },
223    a11y: {
224      prevSlideMessage: currentTranslation.prev,
225      nextSlideMessage: currentTranslation.next,
226    },
227    simulateTouch: false,
228    paginationClickable: true,
229    slidesPerGroup: 1,
230    speed: 1500,
231    breakpointsInverse: true,
232    breakpoints: {
233      320: {
234        slidesPerView: 1,
235        spaceBetween: 0,
236      },
237      620: {
238        slidesPerView: 2,
239        spaceBetween: 10,
240      },
241      992: {
242        slidesPerView: 3,
243        spaceBetween: 10,
244      },
245      1200: {
246        slidesPerView: 4,
247        spaceBetween: 20,
248      },
249      1440: {
250        slidesPerView: 5,
251        spaceBetween: 60,
252      },
253    },
254  });
255
256  // Pozastavování swiperu
257  let isSwiperRunning = false;
258  let isSwiperPausedByButton = false;
259  let isSwiperResumedByButton = false;
260  let isSwiperPausedByMouseenter = false;
261  let isSwiperPausedByReducedMotion = false;
262
263  // Pokud animace běží, zobrazí se tlačítko pro pozastavení
264  if (legoSwiper5.autoplay.running) {
265      isSwiperRunning = true;
266      jQuery('.swiper-button-pause5').removeClass('d-none').addClass('icon-pause').attr('title', currentTranslation.pause).attr('aria-label', currentTranslation.pause);
267
268    // Zastavení animace pokud má uživatel nastavený reduce motion
269    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
270      legoSwiper5.autoplay.stop();
271      isSwiperPausedByReducedMotion = true;
272      jQuery('.swiper-button-pause5').removeClass('icon-pause').addClass('icon-play').attr('title', currentTranslation.play).attr('aria-label', currentTranslation.play);
273    }
274  };
275
276  // Zastavení animace při najetí myši
277  jQuery(".js-swiper-container5").mouseenter(function() {
278    if (legoSwiper5.autoplay.running && !isSwiperPausedByReducedMotion && !isSwiperResumedByButton) {
279      legoSwiper5.autoplay.stop();
280      isSwiperPausedByMouseenter = true;
281      jQuery('.swiper-button-pause5').addClass('swiper-paused');
282    }
283  });
284  jQuery(".js-swiper-container5").mouseleave(function() {
285    if (!legoSwiper5.autoplay.running && !isSwiperPausedByButton && !isSwiperPausedByReducedMotion && !isSwiperResumedByButton) {
286      legoSwiper5.autoplay.start();
287      isSwiperPausedByMouseenter = false;
288      jQuery('.swiper-button-pause5').removeClass('swiper-paused')
289    } else if (isSwiperResumedByButton) {
290      isSwiperResumedByButton = false;
291    }
292  });
293
294  // Pozastavení animace po stisknutí tlačítka
295  jQuery('.swiper-button-pause5').on('click keydown', function (e) {
296      if (e.type === 'click' || e.key === 'Enter') {
297          if (legoSwiper5.autoplay.running || isSwiperPausedByMouseenter) {
298              legoSwiper5.autoplay.stop();
299              isSwiperPausedByButton = true;
300              isSwiperPausedByMouseenter = false;
301              jQuery(this).removeClass('icon-pause').addClass('icon-play').attr('title', currentTranslation.play).attr('aria-label', currentTranslation.play);
302              jQuery('.swiper-button-pause5').removeClass('swiper-paused');
303          } else if (!isSwiperPausedByMouseenter) {
304              legoSwiper5.autoplay.start();
305              isSwiperPausedByButton = false;

306              isSwiperResumedByButton = true;
307              jQuery(this).removeClass('icon-play').addClass('icon-pause').attr('title', currentTranslation.pause).attr('aria-label', currentTranslation.pause);
308              jQuery('.swiper-button-pause5').removeClass('swiper-paused')
309          }
310      }
311  });
312});
313*/