https://www.hotel-opera-liege-paris.com/res/js/template/custom/content/rooms/ui.js?q=1789046277640

1var initCustomContentRooms = (function() {
2  if(typeof baguetteBox != 'function'){
3    lazy.loadScript('/res/js/baguetteBox/baguetteBox.min.css', 0)
4    lazy.loadScript('/res/js/baguetteBox/baguetteBox.min.js', 0, function(){
5      gallery = baguetteBox.run('.baguetteBox', {
6        animation: 'slideIn',
7        noScrollbars: true,
8        buttons: 'auto',
9      });
10    })
11  }
12
13	if (typeof Swiper != 'function') {
14    lazy.loadScript('/res/js/swiper/swiper-bundle.css', 0)
15    lazy.loadScript('/res/js/swiper/swiper-bundle.min.js', 0, sliderRooms)
16  }else{
17    if (!document.querySelector("link[href='/res/js/swiper/swiper-bundle.css']")){
18      lazy.loadScript('/res/js/swiper/swiper-bundle.css', 0)
19    }
20    sliderRooms()
21  }
22})
23
24var sliderRooms = (function() {
25  document.querySelectorAll('.slider-rooms').forEach(item => {
26    new Swiper(item, {
27      speed: 1000,
28      spaceBetween: 20,
29      slidesPerView: 1,
30      centeredSlides: false,
31      lazy: true,
32      loop: true,
33        autoplay: {
34        delay: 6000, 
35        disableOnInteraction: false
36      },
37      navigation: {
38        nextEl: item.querySelector('.button-next'),
39        prevEl: item.querySelector('.button-prev')
40      },
41    });
42  });
43
44  document.querySelectorAll('.expandable-content').forEach((container) => {
45    const toggleBtn = container.querySelector('.show-more-btn');
46    if (!toggleBtn) return;
47
48    toggleBtn.addEventListener('click', (e) => {
49      e.preventDefault();
50      container.classList.toggle('active');
51    });
52  });
53

54  // Gestion des boutons de la galerie
55  const imgElements = Array.from(document.querySelectorAll('.text-over-images-parent'));
56  document.querySelectorAll('.show-gallery-btn').forEach(btn => {
57    btn.addEventListener('click', (e) => {
58      e.preventDefault();
59      const sliderParent = btn.closest('.text-over-images-parent');
60      const pIndex = imgElements.indexOf(sliderParent);
61      const activeSlideIndex = Array.from(sliderParent.querySelectorAll('.swiper-slide')).findIndex(slide => slide.classList.contains('swiper-slide-active')) - 1;
62
63      if (activeSlideIndex >= 0) {
64        baguetteBox.show(activeSlideIndex, gallery[pIndex]);
65      }
66    });
67  });
68});