https://sibca.fr/static/js/ext/ndk.js

1// pleasing jsclass
2ndk = "defined";
3
4$(document).ready(function () {
5  $(".index_slideshow img:not(.plus)").wrap('<div class="carousel-img-container"></div>');
6  //equalheight('.carousel-img-container');
7  //equalheight('.carousel-item');
8  setTimeout(function () {
9    setHomeCarousel();
10    $("body").animate({ scrollTop: 0 });
11  }, 1500);
12
13});
14
15
16
17$(window).resize(function () {
18  //equalheight(".carousel-img-container");
19  //equalheight(".carousel-item");
20  setTimeout(function () {
21    setHomeCarousel();
22  }, 500);
23});
24
25function setHomeCarousel() {
26  var width = $(".index_slideshow:eq(0)").innerWidth();
27  if (width >= 600) {
28    width = width / 6;
29    moveSlide = 6;
30  } else if (width >= 350) {
31    width = width / 2;
32    moveSlide = 2;
33  }
34
35  startauto = true;
36
37  $(".eventSlideshow").each(function () {
38    $(this).bxSlider({
39      slideWidth: width,
40      minSlides: 2,
41      maxSlides: 6,
42      pager: false,
43      responsive: true,
44      nextText: ">",
45      prevText: "<",
46      stopAutoOnClick: true,
47      speed: 1000,
48      moveSlides: 1,
49      auto: $(this).attr("data-auto") == "true" ? true : false,
50    });
51  });
52
53  // $(".make-carousel").each(function () {
54  //   $(this).setOverflow({
55  //     direction: "x",
56  //     //margin: 15,
57  //     item: '>div',
58  //     // scroller: '#scroller',
59  //     visibleItems: 5 ,
60  //     visibleItemsMobile: 2,
61  //     useFontAwesome : true,
62  //     moveStep : 2,
63  //     pager : true,
64  //     
65  //   });
66  // });
67
68
69  $('.exposantsCarousel').ndkFlipGridRotator({
70    items: '.carousel-item',
71    desktop: 6,
72    tablet: 4,
73    mobile: 2,
74    interval: 6000,
75    flipDuration: 300,
76    stagger: 150
77  });
78
79  // $(".exposantsCarousel").each(function () {
80  //     $(this).setOverflow({
81  //       direction: "x",
82  //       //margin: 15,
83  //       item: '.carousel-item',
84  //       // scroller: '#scroller',
85  //       visibleItems: 6 ,
86  //       visibleItemsMobile: 3,
87  //       useFontAwesome : true,
88  //       moveStep : 6,
89  //       pager : true,
90  //       auto:true,
91  //       autoStart:true,
92  //       speed:7000,
93  //       interval:0,
94  //       autoSmooth:false,
95  //       pause:1000,
96  //       carousel:true,
97  //       arrows:false,
98  //       carousel:true
99  //       //autoSmoothDuration: 30000,
100  //     });    
101  // });
102
103
104  $(".carouselUL:not(.eventSlideshow):not(.videoStories):not(.event-flash-news-carousel)").each(function () {
105    $(this).setOverflow({
106      direction: "x",
107      margin: 15,
108      item: '.artwork_bloc',
109      // scroller: '#scroller',
110      visibleItems: 5,
111      visibleItemsMobile: 2,
112      useFontAwesome: true,
113      moveStep: 5
114    });
115
116    // $(this).bxSlider({
117    //   slideWidth: width,
118    //   minSlides: 2,
119    //   maxSlides: 6,
120    //   pager: false,
121    //   responsive: true,
122    //   nextText: ">",
123    //   prevText: "<",
124    //   stopAutoOnClick: true,
125    //   speed: 1500,
126    //   moveSlides: moveSlide,
127    //   auto: $(this).attr("data-auto") == "true" ? true : false,
128    // });
129  });
130
131  $(".carouselUL.homeStories").each(function () {
132    $(this).setOverflow({
133      direction: "x",
134      margin: 20,
135      item: '.artwork_bloc',
136      // scroller: '#scroller',
137      visibleItems: 3,
138      visibleItemsMobile: 2,
139      useFontAwesome: true,
140      moveStep: 3
141    });
142  });
143  $(".carouselUL.event-flash-news-carousel").each(function () {
144    $(this).setOverflow({
145      direction: "x",
146      margin: 20,
147      item: '.artwork_bloc',
148      // scroller: '#scroller',
149      visibleItems: 3,
150      visibleItemsMobile: 1,
151      useFontAwesome: true,
152      moveStep: 3
153    });
154  });
155
156
157}
158
159
160$(document).on("click", ".gallery_choice", function (event) {
161  event.preventDefault();
162  $(".letter.column").show();
163  if ($(this).hasClass("selected_exhibited")) {
164    $("[data-exhibited=0]").show();
165    $(this).removeClass("selected_exhibited");
166  } else {
167    $("[data-exhibited=0]").hide();
168    $("[data-exhibited=1]").show();
169    $(this).addClass("selected_exhibited");
170  }
171  $(".letter.column").each(function () {
172    if ($(this).find(".artistname_item:visible").length < 1) {
173      $(this).hide();
174    } else {
175      $(this).show();
176    }
177  });
178});
179
180$(document).on("click", ".text_in_image", function () {
181  data = $(this).find(".eventMoreInfos").html();
182  if (data)
183    $.fancybox.open(
184      [
185        {
186          type: "inline",
187          autoScale: false,
188          minHeight: 30,
189          width: "80%",
190          height: "80%",

191          showCloseButton: false,
192          autoDimensions: false,
193          content:
194            '<div class="popupPreviewContainer clear clearfix">' +
195            data +
196            "</div>",
197        },
198      ],
199      {
200        padding: 0,
201      }
202    );
203});
204
205$(document).on("click", ".exhibitor_type_more", function (e) {
206  e.preventDefault();
207  content = $($(this).attr("href")).html();
208  $.fancybox.open(
209    [
210      {
211        type: "inline",
212        autoScale: false,
213        minHeight: 30,
214        width: "80%",
215        height: "80%",
216        showCloseButton: true,
217        autoDimensions: false,
218        closeClickOutside: true,
219        content: '<div class="fancyview-sector_selection_box">' + content + '</div>',
220
221      },
222    ],
223
224  );
225});
226
227(function () {
228  function initDynamicPopin() {
229    // Évite de créer la popin plusieurs fois si le script est appelé en boucle
230    if (document.getElementById('dynamic-popin')) return;
231
232    // 1. Création de la structure unique du <dialog>
233    const dialog = document.createElement('dialog');
234    dialog.id = 'dynamic-popin';
235    dialog.style.border = 'none';
236    dialog.style.borderRadius = '8px';
237    dialog.style.maxWidth = '90vw';
238    dialog.style.maxHeight = '90vh';
239    dialog.style.boxShadow = '0 4px 20px rgba(0,0,0,0.3)';
240
241    dialog.innerHTML = `
242      <div style="position: relative; display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 8px; overflow: hidden;">
243        <button id="close-dynamic-popin">✕</button>
244        <div id="popin-body" style="width: 100%; height: 100%; display: flex;"></div>
245      </div>
246    `;
247    document.body.appendChild(dialog);
248
249    const popinBody = dialog.querySelector('#popin-body');
250    const closeBtn = dialog.querySelector('#close-dynamic-popin');
251
252    // 2. Gestion du clic global (Délégation pour l'AJAX)
253    document.addEventListener('click', (e) => {
254      const link = e.target.closest('.popin-dial');
255      if (!link) return;
256
257      e.preventDefault();
258      const url = link.getAttribute('href');
259      if (!url) return;
260
261      // Reset du contenu
262      popinBody.innerHTML = '';
263
264      // Parsing de l'URL (Image vs Lien/Iframe)
265      const isImage = /\.(jpeg|jpg|gif|png|webp|svg)($|\?)/i.test(url);
266
267      if (isImage) {
268        popinBody.innerHTML = `<img src="${url}" style="max-width: 100%; max-height: 85vh; object-fit: contain; display: block;" alt="Preview">`;
269      } else {
270        popinBody.innerHTML = `<iframe src="${url}" style="width: 80vw; height: 90vh; border: none; display: block;"></iframe>`;
271      }
272
273      // Ouverture
274      dialog.showModal();
275    });
276
277    // 3. Fermetures
278    closeBtn.addEventListener('click', () => dialog.close());
279
280    dialog.addEventListener('click', (e) => {
281      if (e.target === dialog) dialog.close(); // Ferme si clic sur le backdrop
282    });
283  }
284
285  // Lancement sécurisé peu importe le moment du chargement du script
286  if (document.readyState === 'loading') {
287    document.addEventListener('DOMContentLoaded', initDynamicPopin);
288  } else {
289    initDynamicPopin();
290  }
291})();