Royal.nl: Maria Lambis - Stalis, Kreta (2024)

Een impressie van Maria Lambis

'; royal.swipableImage = preview.querySelector('div'); royal.trackEvent('Heliview', 'Play', this.getAttribute('data-title')); ev.preventDefault(); }; royal.handlers['show-image-strip-preview'] = function(ev) { var preview = document.getElementById('image-strip-preview'); var dummy = document.createElement('div'); var thumb = this.querySelector('img'); var current = this.parentNode.querySelector('.image-strip-a-current'); dummy.innerHTML = this.innerHTML; current.classList.remove('image-strip-a-current'); this.classList.add('image-strip-a-current'); this.parentNode.scrollBy({left: (parseInt(this.getAttribute('data-counter')) < parseInt(current.getAttribute('data-counter')) ? -1 : 1) * (thumb.width + 24), behavior: 'smooth'}); if (thumb.complete) { preview.style.setProperty('--bg', 'url(' + ('currentSrc' in thumb ? thumb.currentSrc : thumb.src) + ')'); } else { thumb.addEventListener('load', function() { preview.style.setProperty('--bg', 'url(' + ('currentSrc' in this ? this.currentSrc : this.src) + ')'); }); } var dummyImg = dummy.querySelector('img'); dummyImg.className = 'image-strip-preview-item'; if ('srcset' in thumb) { // TODO: add dynamic media queries for proper sizes dummy.querySelector('source').setAttribute('sizes', this.getAttribute('data-sizes')); dummyImg.setAttribute('sizes', this.getAttribute('data-sizes')); } else { var parts = dummyImg.getAttribute('srcset').split(', '); dummyImg.src = parts[parts.length - 1].split(' ')[0]; } if (royal.replaceChildren) { royal.replaceChildren(preview, dummy); } else { preview.innerHTML = dummy.innerHTML; } royal.swipableImage = preview.querySelector('img'); if (!('objectFit' in royal.swipableImage.style)) { if (royal.swipableImage.complete) { royal.swipableImage.style.width = royal.swipableImage.height * (royal.swipableImage.naturalWidth / royal.swipableImage.naturalHeight) + 'px'; } else { royal.swipableImage.addEventListener('load', function() { this.style.width = this.height * (this.naturalWidth / this.naturalHeight) + 'px'; }); } } ev.preventDefault(); }; royal.decorators['make-swipable'] = function() { var x = null; royal.swipableImage = this.querySelector('img'); this.addEventListener('touchstart', function(ev) { if (ev.changedTouches.length > 1 || ev.touches.length > 1) { x = null; royal.swipableImage.style.transition = '.2s ease-out'; royal.swipableImage.style.transform = ''; return; } x = ev.changedTouches[0].clientX; royal.swipableImage.style.transition = ''; }, {passive: true}); this.addEventListener('touchmove', function(ev) { if (x || x === 0) { royal.swipableImage.style.transform = 'translateX(' + Math.round(ev.changedTouches[0].clientX - x) + 'px)'; } }, {passive: true}); this.addEventListener('touchend', function(ev) { if (x == null) { return; } var dx = ev.changedTouches[0].clientX - x; if (dx < -50) { document.querySelector('button[data-handler="navigate-image-strip"][data-direction="next"]').click(); } else if (dx > 50) { document.querySelector('button[data-handler="navigate-image-strip"][data-direction="prev"]').click(); } else { royal.swipableImage.style.transition = '.2s ease-out'; royal.swipableImage.style.transform = ''; } x = null; }, {passive: true}); var wheeled = false; this.addEventListener('wheel', function(ev) { if (ev.deltaX && ev.deltaX > 10 && !wheeled) { wheeled = true; royal.swipableImage.style.transition = '.2s ease-out'; royal.swipableImage.style.transform = 'translateX(-20%)'; setTimeout(function() { document.querySelector('button[data-handler="navigate-image-strip"][data-direction="next"]').click(); }, 100); setTimeout(function() { wheeled = false; }, 1000); } else if (ev.deltaX && ev.deltaX < -10 && !wheeled) { wheeled = true; royal.swipableImage.style.transition = '.2s ease-out'; royal.swipableImage.style.transform = 'translateX(20%)'; setTimeout(function() { document.querySelector('button[data-handler="navigate-image-strip"][data-direction="prev"]').click(); }, 100); setTimeout(function() { wheeled = false; }, 1000); } }, {passive: true}); }; royal.decorators['set-preview-bg'] = function() { if (!'srcset' in this) { var parts = this.getAttribute('srcset').split(', '); this.src = parts[parts.length - 1].split(' ')[0]; } if (this.complete) { document.getElementById('image-strip-preview').style.setProperty('--bg', 'url(' + ('currentSrc' in this ? this.currentSrc : this.src) + ')'); if (!('objectFit' in this.style)) { this.style.width = this.height * (this.naturalWidth / this.naturalHeight) + 'px'; } } else { this.addEventListener('load', function() { document.getElementById('image-strip-preview').style.setProperty('--bg', 'url(' + ('currentSrc' in this ? this.currentSrc : this.src) + ')'); if (!('objectFit' in this.style)) { this.style.width = this.height * (this.naturalWidth / this.naturalHeight) + 'px'; } }); } };

Let op: de foto’s op Royal.nl geven een algemene indruk van de accommodatie, maar zijn niet juridisch bindend.