Model update: Berkel, IJssel, Reest

This commit is contained in:
2026-03-03 10:36:15 +01:00
parent 3aefa3ef04
commit b72c6d99ea
59 changed files with 174 additions and 61 deletions

View File

@@ -71,7 +71,7 @@
<div class="col-md-4">
<div class="card-secondary">
<h4>Plattegrond bekijken</h4>
<p>Maatwerk is mogelijk.</p>
<p>Bekijk de standaard indeling van de woning. Het is uiteraard mogelijk om aanpassingen te maken</p>
<div class="bg-white shadow p-4 rounded-4 mb-4">
<img class="img-fluid" src="{{ .Params.plattegrond }}">
</div>
@@ -91,7 +91,6 @@
const lightboxEl = document.querySelector('#lightbox-splide');
if (mainGallery && lightboxEl) {
// 1. De thumbnail slider (gecombineerde instellingen)
const primarySplide = new Splide(mainGallery, {
type : 'loop',
perPage: 4,
@@ -109,7 +108,6 @@
}
}).mount();
// 2. De lightbox slider
const lightboxSplide = new Splide(lightboxEl, {
type: 'fade',
rewind: true,
@@ -117,27 +115,20 @@
lazyLoad: 'nearby'
}).mount();
// 3. De koppeling
const modal = document.getElementById('lightboxModal');
const triggers = document.querySelectorAll('.gallery-trigger');
triggers.forEach((trigger, index) => {
trigger.addEventListener('click', (e) => {
// We voorkomen dat de autoplay van de main gallery roet in het eten gooit
primarySplide.Components.Autoplay.pause();
// Splide index kan afwijken door 'loop' (clones)
// We berekenen de echte index op basis van de data-index of positie
lightboxSplide.go(index);
});
});
// Refresh bij openen voor juiste rendering
modal.addEventListener('shown.bs.modal', function () {
lightboxSplide.refresh();
});
// Autoplay weer aanzetten als modal sluit
modal.addEventListener('hidden.bs.modal', function () {
primarySplide.Components.Autoplay.play();
});