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() {