https://smotographers.com/de/tags/sony/ Recent content in Sony on SMotographers Hugo de-ch Wed, 04 Feb 2026 01:00:00 +0000 https://smotographers.com/de/blog/03-experience-report/sony-200-600g/ Wed, 04 Feb 2026 01:00:00 +0000 https://smotographers.com/de/blog/03-experience-report/sony-200-600g/ <p>Das Sony FE 200-600mm f/5.6-6.3 G OSS ist eines dieser Objektive, das mich erst mit der Zeit wirklich überzeugt hat. Anfangs wirkte es auf dem Papier wie ein klassisches Kompromiss-Zoom: grosse Brennweite, vergleichsweise moderate Lichtstärke und ein Preis, der deutlich unter vielen professionellen Alternativen liegt. Aber je mehr ich es in der Praxis einsetzte, desto klarer wurde: Das ist kein Kompromiss, sondern ein durchdachtes, vielseitiges Werkzeug, besonders für Wildlife, Vogelbeobachtung und längere Outdoor-Abenteuer.</p> https://smotographers.com/de/blog/03-experience-report/sony-a1ii-wildlife/ Sun, 11 Jan 2026 05:00:00 +0000 https://smotographers.com/de/blog/03-experience-report/sony-a1ii-wildlife/ <p>Dies ist <strong>Teil 1</strong> der Serie, in der ich meine Erfahrungen in unterschiedlichen Genres mit der <strong>Sony A1 II</strong> teile.</p> https://smotographers.com/de/blog/03-experience-report/sony-a1ii-review/ Thu, 01 Jan 2026 05:00:00 +0000 https://smotographers.com/de/blog/03-experience-report/sony-a1ii-review/ <p>Dies ist <strong>Teil 2</strong> der Serie, in der ich meine Erfahrungen in unterschiedlichen Genres mit der <strong>Sony A1 II</strong> teile.</p> https://smotographers.com/de/blog/08-news/christmas-2025-gift-guide/ Tue, 16 Dec 2025 00:00:00 +0000 https://smotographers.com/de/blog/08-news/christmas-2025-gift-guide/ <p>Die Weihnachtszeit ist die perfekte Gelegenheit, um sich selbst oder anderen Foto- und Videografen etwas Besonderes zu schenken. Ich habe eine sorgfältig ausgewählte Liste mit Empfehlungen zusammengestellt, die ich persönlich nutze oder ausführlich getestet habe. Die Produkte sind nach Preisklassen geordnet – so kannst du schnell finden, was zu deinem Budget passt, ob du ein Kleinigkeit für 20 CHF oder eine grössere Investition in Ausrüstung suchst.</p> https://smotographers.com/de/blog/08-news/black-friday-2025/ Thu, 20 Nov 2025 05:00:00 +0000 https://smotographers.com/de/blog/08-news/black-friday-2025/ <p>Es ist bald Black Friday 2025, und die Angebote für Elektronikprodukte stehen vor der Tür. In diesem Jahr wird es wieder zahlreiche Rabatte auf Kameras, Objektive und Zubehör geben. Um da den durchzublicken, habe ich einige Tipps und Empfehlungen zusammengestellt, was ich persönlich für lohnenswerte Produkte halte und teilweise auch selbst nutze.</p> https://smotographers.com/de/blog/08-news/swiss-creator-lab-v01/ Tue, 26 Aug 2025 13:00:00 +0000 https://smotographers.com/de/blog/08-news/swiss-creator-lab-v01/ <p>Kameras, Kreativität und eine Menge Energie – so lässt sich das Swiss Creator Lab im Kraftwerk Zürich wohl am besten beschreiben. Schon beim Ankommen spürte man die besondere Atmosphäre: Industrie-Charme, sommerliche Hitze und die Vorfreude auf einen Tag voller Inspiration. Es war einer dieser Tage, an denen man sofort merkt: Hier wird etwas Besonderes passieren. Ein Raum voller Menschen, die alle dieselbe Leidenschaft teilen – und man ist mittendrin.</p> https://smotographers.com/de/blog/03-experience-report/sony-zv-e10ii-london/ Mon, 25 Aug 2025 16:00:00 +0000 https://smotographers.com/de/blog/03-experience-report/sony-zv-e10ii-london/ <p>Die ZV-E10 II, Sonys neuste Antwort auf die Frage wie eine Vlogging-Kamera aussehen soll. Neueste Autofokus-Systeme, 26 Megapixel, 4k mit 4:2:2 10bit Videoaufnahme. Ohne Frage ist die Kamera ein perfektes, erschwingliches Tool für Vlogging, doch taugt sie auch für Fotografie?</p> https://smotographers.com/de/blog/08-news/sony-rx1r-iii/ Fri, 18 Jul 2025 05:00:00 +0000 https://smotographers.com/de/blog/08-news/sony-rx1r-iii/ <p>Die Sony RX1R III vereint einen 61-Megapixel-Vollformatsensor mit einem präzise abgestimmten ZEISS 35-mm-F2-Objektiv in einem eleganten, stilvollen Gehäuse – kompakt genug, um Sie überallhin zu begleiten. Dank schnellem, KI-gestütztem Autofokus, kinoreifen Videoaufnahmen und integrierten kreativen Tools können Sie sich ganz auf das Wesentliche konzentrieren: den Moment. Kein Objektivwechsel, kein Zögern – nur intuitives Fotografieren und beeindruckende Details in jedem Bild. <div id="gallery-carousel-1780344317174126681" class="simple-carousel" style="width: 100%; margin: 10px auto; position: relative; overflow: hidden; height: auto;"> <div class="carousel-container" style="position: relative; display: flex; align-items: center; justify-content: center; height: auto;"> <div class="carousel-slides" style="display: flex; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.3s ease; align-items: center; width: 100%; height: auto;"> <div class="carousel-slide" style=" flex: 0 0 60%; height: auto; display: flex; align-items: center; justify-content: center; background: transparent; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform-origin: center; " data-slide="clone-last"> <img src="https://smotographers.com/images/news/rx1iii/img/A180423_4.jpg%20Kopie.jpg" alt="Last image clone" style=" max-width: 100%; max-height: 65vh; width: auto; height: auto; object-fit: contain; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; " onclick="window['openLightbox_gallery-carousel-1780344317174126681']('\/images\/news\/rx1iii\/img\/A180423_4.jpg%20Kopie.jpg', 4 )"> </div> <div class="carousel-slide" style=" flex: 0 0 60%; height: auto; display: flex; align-items: center; justify-content: center; background: transparent; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform-origin: center; " data-slide="0"> <img src="https://smotographers.com/images/news/rx1iii/img/A180423_0.jpg%20Kopie.jpg" alt="Image 0" style=" max-width: 100%; max-height: 65vh; width: auto; height: auto; object-fit: contain; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; " onclick="window['openLightbox_gallery-carousel-1780344317174126681']('\/images\/news\/rx1iii\/img\/A180423_0.jpg%20Kopie.jpg', 0 )"> </div> <div class="carousel-slide" style=" flex: 0 0 60%; height: auto; display: flex; align-items: center; justify-content: center; background: transparent; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform-origin: center; " data-slide="1"> <img src="https://smotographers.com/images/news/rx1iii/img/A180423_0_1.jpg%20Kopie.jpg" alt="Image 1" style=" max-width: 100%; max-height: 65vh; width: auto; height: auto; object-fit: contain; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; " onclick="window['openLightbox_gallery-carousel-1780344317174126681']('\/images\/news\/rx1iii\/img\/A180423_0_1.jpg%20Kopie.jpg', 1 )"> </div> <div class="carousel-slide" style=" flex: 0 0 60%; height: auto; display: flex; align-items: center; justify-content: center; background: transparent; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform-origin: center; " data-slide="2"> <img src="https://smotographers.com/images/news/rx1iii/img/A180423_2.jpg%20Kopie.jpg" alt="Image 2" style=" max-width: 100%; max-height: 65vh; width: auto; height: auto; object-fit: contain; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; " onclick="window['openLightbox_gallery-carousel-1780344317174126681']('\/images\/news\/rx1iii\/img\/A180423_2.jpg%20Kopie.jpg', 2 )"> </div> <div class="carousel-slide" style=" flex: 0 0 60%; height: auto; display: flex; align-items: center; justify-content: center; background: transparent; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform-origin: center; " data-slide="3"> <img src="https://smotographers.com/images/news/rx1iii/img/A180423_3.jpg%20Kopie.jpg" alt="Image 3" style=" max-width: 100%; max-height: 65vh; width: auto; height: auto; object-fit: contain; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; " onclick="window['openLightbox_gallery-carousel-1780344317174126681']('\/images\/news\/rx1iii\/img\/A180423_3.jpg%20Kopie.jpg', 3 )"> </div> <div class="carousel-slide" style=" flex: 0 0 60%; height: auto; display: flex; align-items: center; justify-content: center; background: transparent; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform-origin: center; " data-slide="4"> <img src="https://smotographers.com/images/news/rx1iii/img/A180423_4.jpg%20Kopie.jpg" alt="Image 4" style=" max-width: 100%; max-height: 65vh; width: auto; height: auto; object-fit: contain; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; " onclick="window['openLightbox_gallery-carousel-1780344317174126681']('\/images\/news\/rx1iii\/img\/A180423_4.jpg%20Kopie.jpg', 4 )"> </div> <div class="carousel-slide" style=" flex: 0 0 60%; height: auto; display: flex; align-items: center; justify-content: center; background: transparent; transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform-origin: center; " data-slide="clone-first"> <img src="https://smotographers.com/images/news/rx1iii/img/A180423_0.jpg%20Kopie.jpg" alt="First image clone" style=" max-width: 100%; max-height: 65vh; width: auto; height: auto; object-fit: contain; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; " onclick="window['openLightbox_gallery-carousel-1780344317174126681']('\/images\/news\/rx1iii\/img\/A180423_0.jpg%20Kopie.jpg', 0)"> </div> </div> </div> <button class="carousel-nav prev" onclick="window['moveSlide_gallery-carousel-1780344317174126681'](-1)" aria-label="Vorheriges Bild"> <span class="nav-arrow">‹</span> </button> <button class="carousel-nav next" onclick="window['moveSlide_gallery-carousel-1780344317174126681'](1)" aria-label="Nächstes Bild"> <span class="nav-arrow">›</span> </button> </div> <div id="lightbox-gallery-carousel-1780344317174126681" class="lightbox" onclick="window['closeLightbox_gallery-carousel-1780344317174126681']()"> <span class="lightbox-close" onclick="event.stopPropagation(); window['closeLightbox_gallery-carousel-1780344317174126681']()">&times;</span> <button class="lightbox-nav lightbox-prev" onclick="event.stopPropagation(); window['navigateLightbox_gallery-carousel-1780344317174126681'](-1)" aria-label="Vorheriges Bild">‹</button> <button class="lightbox-nav lightbox-next" onclick="event.stopPropagation(); window['navigateLightbox_gallery-carousel-1780344317174126681'](1)" aria-label="Nächstes Bild">›</button> <img class="lightbox-content" id="lightbox-img-gallery-carousel-1780344317174126681" onclick="event.stopPropagation()"> <div class="lightbox-counter" id="lightbox-counter-gallery-carousel-1780344317174126681" onclick="event.stopPropagation()"></div> </div> <style> .carousel-nav { position: absolute; top: 200px; transform: none; width: 50px; height: 50px; border: none; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px); border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 10; transition: all 0.3s ease; font-size: 18px; color: white; } .carousel-nav:hover { background: rgba(0, 0, 0, 0.6); transform: scale(1.1); } .carousel-nav.prev { left: 20px; } .carousel-nav.next { right: 20px; } .nav-arrow { font-size: 18px; font-weight: bold; line-height: 1; } @media (max-width: 768px) { .carousel-nav { top: 70px; width: 44px; height: 44px; } } .simple-carousel img { max-height: 60vh; object-fit: contain; transition: all 0.3s ease; } .simple-carousel:first-of-type { margin-top: 0 !important; } .lightbox { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); animation: fadeIn 0.3s ease; } .lightbox-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 95%; max-height: 95%; object-fit: contain; transition: opacity 0.3s ease, transform 0.3s ease; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); } .lightbox-close { position: absolute; top: 20px; right: 30px; color: white; font-size: 40px; font-weight: bold; cursor: pointer; z-index: 1001; transition: color 0.3s ease; } .lightbox-close:hover { color: #ccc; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .lightbox-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); color: white; border: none; font-size: 30px; width: 60px; height: 60px; cursor: pointer; border-radius: 50%; transition: all 0.3s ease; z-index: 1001; display: flex; align-items: center; justify-content: center; } .lightbox-nav:hover { background: rgba(0, 0, 0, 0.8); transform: translateY(-50%) scale(1.1); } .lightbox-prev { left: 30px; } .lightbox-next { right: 30px; } .lightbox-counter { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); color: white; font-size: 16px; background: rgba(0, 0, 0, 0.5); padding: 10px 20px; border-radius: 20px; z-index: 1001; } </style> <script> (function() { const carouselId = 'gallery-carousel-1780344317174126681'; let lightboxImages = []; let currentLightboxIndex = 0; if (!window.carouselStates) { window.carouselStates = {}; } function adjustCarouselHeight() { const carousel = document.getElementById(carouselId); if (!carousel) return; const carouselContainer = carousel.querySelector('.carousel-container'); const slidesContainer = carousel.querySelector('.carousel-slides'); if (!window.carouselStates[carouselId]) return; const currentSlide = carousel.querySelector(`.carousel-slide[data-slide='${window.carouselStates[carouselId].currentSlide}'] img`); if (currentSlide && carouselContainer) { const updateHeight = () => { setTimeout(() => { const imgHeight = currentSlide.offsetHeight; if (imgHeight > 0) { const padding = 20; const finalHeight = imgHeight + padding; carousel.style.height = `${finalHeight}px`; carouselContainer.style.height = `${finalHeight}px`; slidesContainer.style.height = `${finalHeight}px`; carouselContainer.style.paddingTop = '10px'; carouselContainer.style.paddingBottom = '10px'; console.log('Adjusted height to:', finalHeight, 'original img height:', imgHeight); } }, 50); }; if (currentSlide.complete && currentSlide.offsetHeight > 0) { updateHeight(); } else { currentSlide.onload = updateHeight; setTimeout(updateHeight, 100); } } } function preAdjustHeight(targetSlideIndex) { const carousel = document.getElementById(carouselId); if (!carousel) return; const carouselContainer = carousel.querySelector('.carousel-container'); const slidesContainer = carousel.querySelector('.carousel-slides'); const targetSlide = carousel.querySelector(`.carousel-slide[data-slide='${targetSlideIndex}'] img`); if (targetSlide && carouselContainer) { const allSlides = carousel.querySelectorAll('.carousel-slide'); allSlides.forEach(slide => { slide.style.transform = 'scale(1)'; }); targetSlide.offsetHeight; const imgHeight = targetSlide.offsetHeight; if (imgHeight > 0) { const padding = 20; const finalHeight = imgHeight + padding; carousel.style.height = `${finalHeight}px`; carouselContainer.style.height = `${finalHeight}px`; slidesContainer.style.height = `${finalHeight}px`; carouselContainer.style.paddingTop = '10px'; carouselContainer.style.paddingBottom = '10px'; console.log('Pre-adjusted height to:', finalHeight, 'for slide:', targetSlideIndex); } setTimeout(() => { applySlideScaling(); }, 50); } } function applySlideScaling() { const carousel = document.getElementById(carouselId); if (!carousel || !window.carouselStates[carouselId]) return; const allSlides = carousel.querySelectorAll('.carousel-slide'); const actualPosition = window.carouselStates[carouselId].currentSlide + 1; allSlides.forEach((slide, index) => { const slidePosition = index - actualPosition; const isVertical = slide.getAttribute('data-orientation') === 'vertical'; let scale = 1; let opacity = 1; let zIndex = 1; if (slidePosition === 0) { scale = 1.0; opacity = 1; zIndex = 3; } else if (slidePosition === -1 || slidePosition === 1) { scale = isVertical ? 0.6 : 0.75; opacity = 0.7; zIndex = 2; } else { scale = isVertical ? 0.4 : 0.5; opacity = 0.3; zIndex = 1; } slide.style.transform = `scale(${scale})`; slide.style.opacity = opacity; slide.style.zIndex = zIndex; }); } function moveSlide(direction) { console.log('moveSlide called:', carouselId, direction); const carousel = document.getElementById(carouselId); if (!carousel) { console.error('Carousel not found:', carouselId); return; } const slidesContainer = carousel.querySelector('.carousel-slides'); if (!slidesContainer) { console.error('Slides container not found'); return; } if (!window.carouselStates[carouselId]) { const totalSlides = carousel.querySelectorAll('.carousel-slide[data-slide]:not([data-slide="clone-last"]):not([data-slide="clone-first"])').length; window.carouselStates[carouselId] = { currentSlide: 0, totalSlides: totalSlides }; } const state = window.carouselStates[carouselId]; const totalSlides = state.totalSlides; state.currentSlide += direction; if (state.currentSlide >= totalSlides) { const targetSlide = 0; state.currentSlide = targetSlide; preAdjustHeight(targetSlide); const cloneFirstPosition = totalSlides + 1; const translateXClone = -cloneFirstPosition * 60 + 20; slidesContainer.style.transform = `translateX(${translateXClone}%)`; setTimeout(() => { slidesContainer.style.transition = 'none'; const realFirstPosition = 1; const translateXReal = -realFirstPosition * 60 + 20; slidesContainer.style.transform = `translateX(${translateXReal}%)`; requestAnimationFrame(() => { slidesContainer.style.transition = 'transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)'; }); }, 500); } else if (state.currentSlide < 0) { const targetSlide = totalSlides - 1; state.currentSlide = targetSlide; preAdjustHeight(targetSlide); const cloneLastPosition = 0; const translateXClone = -cloneLastPosition * 60 + 20; slidesContainer.style.transform = `translateX(${translateXClone}%)`; setTimeout(() => { slidesContainer.style.transition = 'none'; const realLastPosition = totalSlides; const translateXReal = -realLastPosition * 60 + 20; slidesContainer.style.transform = `translateX(${translateXReal}%)`; requestAnimationFrame(() => { slidesContainer.style.transition = 'transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)'; }); }, 500); } else { preAdjustHeight(state.currentSlide); const actualPosition = state.currentSlide + 1; const translateX = -actualPosition * 60 + 20; slidesContainer.style.transform = `translateX(${translateX}%)`; } console.log('Moving to slide:', state.currentSlide); applySlideScaling(); } function openLightbox(imageSrc, imageIndex) { const lightbox = document.getElementById('lightbox-' + carouselId); const lightboxImg = document.getElementById('lightbox-img-' + carouselId); const counter = document.getElementById('lightbox-counter-' + carouselId); if (lightboxImages.length === 0) { const carousel = document.getElementById(carouselId); const allImages = carousel.querySelectorAll('.carousel-slide[data-slide]:not([data-slide="clone-last"]):not([data-slide="clone-first"]) img'); lightboxImages = Array.from(allImages).map(img => img.src); } currentLightboxIndex = imageIndex; lightboxImg.src = imageSrc; counter.textContent = `${currentLightboxIndex + 1} / ${lightboxImages.length}`; lightbox.style.display = 'block'; document.body.style.overflow = 'hidden'; } function navigateLightbox(direction) { const lightboxImg = document.getElementById('lightbox-img-' + carouselId); const counter = document.getElementById('lightbox-counter-' + carouselId); currentLightboxIndex += direction; if (currentLightboxIndex >= lightboxImages.length) { currentLightboxIndex = 0; } else if (currentLightboxIndex < 0) { currentLightboxIndex = lightboxImages.length - 1; } counter.textContent = `${currentLightboxIndex + 1} / ${lightboxImages.length}`; const newImg = new Image(); newImg.onload = function() { lightboxImg.style.transition = 'opacity 0.2s ease'; lightboxImg.style.opacity = '0'; setTimeout(() => { lightboxImg.src = this.src; if (direction > 0) { lightboxImg.style.transform = 'translate(-30%, -50%)'; } else { lightboxImg.style.transform = 'translate(-70%, -50%)'; } setTimeout(() => { lightboxImg.style.transition = 'opacity 0.2s ease, transform 0.3s ease'; lightboxImg.style.opacity = '1'; lightboxImg.style.transform = 'translate(-50%, -50%)'; }, 20); }, 150); }; newImg.src = lightboxImages[currentLightboxIndex]; } function closeLightbox() { const lightbox = document.getElementById('lightbox-' + carouselId); lightbox.style.display = 'none'; document.body.style.overflow = 'auto'; } function handleKeydown(event) { const lightbox = document.getElementById('lightbox-' + carouselId); if (lightbox.style.display === 'block') { if (event.key === 'Escape') { closeLightbox(); } else if (event.key === 'ArrowLeft') { navigateLightbox(-1); } else if (event.key === 'ArrowRight') { navigateLightbox(1); } } } function initCarousel() { console.log('Initializing carousel:', carouselId); const carousel = document.getElementById(carouselId); if (!carousel) { console.error('Carousel not found:', carouselId); return; } const slidesContainer = carousel.querySelector('.carousel-slides'); if (slidesContainer) { slidesContainer.style.transform = 'translateX(-40%)'; const totalSlides = carousel.querySelectorAll('.carousel-slide[data-slide]:not([data-slide="clone-last"]):not([data-slide="clone-first"])').length; window.carouselStates[carouselId] = { currentSlide: 0, totalSlides: totalSlides }; } carousel.addEventListener('touchstart', handleTouchStart, { passive: true }); carousel.addEventListener('touchmove', handleTouchMove, { passive: false }); carousel.addEventListener('touchend', handleTouchEnd, { passive: true }); const images = carousel.querySelectorAll('img'); let imagesLoaded = 0; function applyInitialStyling() { applySlideScaling(); } images.forEach(img => { img.onload = function() { const aspectRatio = this.naturalWidth / this.naturalHeight; if (aspectRatio < 1) { this.style.width = '70%'; this.style.height = 'auto'; this.style.maxWidth = '70%'; this.style.maxHeight = '60vh'; this.style.objectFit = 'contain'; this.style.margin = '0 auto'; this.style.display = 'block'; this.style.cursor = 'pointer'; const slideIndex = parseInt(this.closest('.carousel-slide').getAttribute('data-slide')); this.onclick = () => openLightbox(this.src, slideIndex); this.closest('.carousel-slide').setAttribute('data-orientation', 'vertical'); } else { this.style.maxWidth = '100%'; this.style.maxHeight = '65vh'; this.style.width = 'auto'; this.style.height = 'auto'; this.style.objectFit = 'contain'; this.style.cursor = 'pointer'; const slideIndex = parseInt(this.closest('.carousel-slide').getAttribute('data-slide')); this.onclick = () => openLightbox(this.src, slideIndex); this.closest('.carousel-slide').setAttribute('data-orientation', 'horizontal'); } imagesLoaded++; if (imagesLoaded === images.length) { applyInitialStyling(); adjustCarouselHeight(); } }; if (img.complete) { img.onload(); } }); } let touchStartX = 0; let touchEndX = 0; let touchStartY = 0; let touchEndY = 0; function handleTouchStart(event) { touchStartX = event.touches[0].clientX; touchStartY = event.touches[0].clientY; } function handleTouchMove(event) { const deltaX = Math.abs(event.touches[0].clientX - touchStartX); const deltaY = Math.abs(event.touches[0].clientY - touchStartY); if (deltaX > deltaY && deltaX > 10) { event.preventDefault(); } } function handleTouchEnd(event) { touchEndX = event.changedTouches[0].clientX; touchEndY = event.changedTouches[0].clientY; const deltaX = touchStartX - touchEndX; const deltaY = Math.abs(touchStartY - touchEndY); const minSwipeDistance = 50; if (Math.abs(deltaX) > minSwipeDistance && Math.abs(deltaX) > deltaY) { if (deltaX > 0) { moveSlide(1); } else { moveSlide(-1); } } } window['moveSlide_' + carouselId] = moveSlide; window['openLightbox_' + carouselId] = openLightbox; window['navigateLightbox_' + carouselId] = navigateLightbox; window['closeLightbox_' + carouselId] = closeLightbox; document.addEventListener('keydown', handleKeydown); document.addEventListener('DOMContentLoaded', initCarousel); if (document.readyState !== 'loading') { initCarousel(); } })(); </script> </p>