https://www.hotelslitteraires.fr/res/js/template/content/articles-column/ui.js?q=1790753359767

1var initContentArticlesColumn = async function() {
2   if (typeof Swiper !== 'function') {
3    lazy.loadScript('/res/js/swiper/swiper-bundle.css')
4    await lazy.loadScript('/res/js/swiper/swiper-bundle.min.js')
5  }
6  sliderArticle()
7}
8
9function sliderArticle() {
10  document.querySelectorAll('.slider-article').forEach(item => {
11    const parent = item.closest('.container-slider-articles-column');
12
13    let swiper = null;
14
15    const breakpoint = window.matchMedia('(max-width: 1023px)');
16
17    const initSwiper = () => {
18      if (breakpoint.matches && !swiper) {
19        swiper = new Swiper(item, {
20          speed: 400,
21          spaceBetween: 10,
22          slidesPerView: 1.2,
23          loop: false,
24          navigation: {
25            nextEl: parent.querySelector('.button-next'),
26            prevEl: parent.querySelector('.button-prev'),
27          },
28          breakpoints: {
29            680: {
30              slidesPerView: 1.9,
31            },
32          },
33        });
34      }
35
36      if (!breakpoint.matches && swiper) {
37        swiper.destroy(true, true);
38        swiper = null;
39      }
40    };
41
42    initSwiper();
43    breakpoint.addEventListener('change', initSwiper);
44  });
45}