Model update: Berkel, IJssel, Reest
This commit is contained in:
@@ -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();
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user