diff --git a/index.html b/index.html index cc985b9..724ce38 100644 --- a/index.html +++ b/index.html @@ -43,7 +43,7 @@ max-height: 100%; object-fit: contain; transition: transform 0.1s ease-out; - cursor: zoom-in; + cursor: default; } #media-container img.zoomed { @@ -381,7 +381,7 @@
  • 🖼️ Fullscreen display of images and videos
  • 📅 Automatic EXIF date extraction from photos
  • 📍 GPS location links to Google Maps (when data present)
  • -
  • 🔍 Mouse wheel to zoom images (1x - 5x)
  • +
  • 🔍 Mouse wheel to zoom images (1x - 5x), drag to pan when zoomed
  • ⌨️ Arrow keys or < > keys to navigate
  • 📂 Virtual overview screens for easy folder navigation
  • @@ -656,24 +656,6 @@ this.container.addEventListener('touchend', () => { this.isPanning = false; }); - - // Click to zoom toggle - this.container.addEventListener('click', (e) => { - if (e.target.tagName === 'IMG' && !e.target.closest('#virtual-screen') && !this.isPanning) { - if (this.zoom > 1) { - this.zoom = 1; - this.panOffset = { x: 0, y: 0 }; - e.target.classList.remove('zoomed'); - e.target.style.transform = 'scale(1) translate(0, 0)'; - e.target.style.cursor = 'zoom-in'; - } else { - this.zoom = 2; - e.target.classList.add('zoomed'); - e.target.style.transform = `scale(${this.zoom})`; - e.target.style.cursor = 'grab'; - } - } - }); } previous() {