diff --git a/frontend/src/lib/components/Viewer.svelte b/frontend/src/lib/components/Viewer.svelte index a6b2706..0c436f4 100644 --- a/frontend/src/lib/components/Viewer.svelte +++ b/frontend/src/lib/components/Viewer.svelte @@ -539,15 +539,39 @@ return; } if (zoomed) { - // В зуме стрелки переключают фото, а панорамирование — мышью. - if (ev.key === 'ArrowLeft') prev(); - else if (ev.key === 'ArrowRight') next(); + // В зуме стрелки панорамируют фото, а не переключают его. + panByKey(ev); return; } if (ev.key === 'ArrowLeft') prev(); else if (ev.key === 'ArrowRight') next(); } + /** Панорамирование зума стрелками. */ + function panByKey(ev: KeyboardEvent) { + const el = scroller; + if (!el) return; + const step = Math.max(60, Math.round(el.clientWidth / 8)); + switch (ev.key) { + case 'ArrowLeft': + el.scrollLeft -= step; + break; + case 'ArrowRight': + el.scrollLeft += step; + break; + case 'ArrowUp': + el.scrollTop -= step; + break; + case 'ArrowDown': + el.scrollTop += step; + break; + default: + return; + } + ev.preventDefault(); + scheduleViewport(); + } + function onTouchStart(ev: TouchEvent) { touchX = ev.changedTouches[0].clientX; }