Блог

У меня есть большая html-страница размером 4000×6000 пикселей с изображениями и текстом. Я хотел бы иметь что-то вроде обзора карты этой страницы в небольшом div. Масштабированная версия всей страницы, которую я мог бы использовать для навигации. Кто-нибудь знает какой-нибудь js-скрипт или пример, как это сделать? Спасибо.

Вот базовая структура того, как вы могли бы это сделать:

Найдите способ сделать снимок экрана всей страницы. Затем уменьшите ее размер с коэффициентом масштабирования (например, 1/25).

В углу страницы наложите изображение. Создайте обработчик событий, который реагирует на то, где вы нажимаете на изображение. Внутри обработчика событий найдите местоположение, в котором был сделан щелчок по изображению (т. Е. x-координата, y-координата).

Используйте обратную величину масштаба (возможно, x25, если масштаб был 1/25-м), чтобы получить фактические размеры страницы. Используйте jQuery для прокрутки до этого местоположения.

Если вам нужна какая-либо помощь с одним из этих шагов, дайте мне знать; это просто для начала.

Я не могу придумать ни одного способа сделать это в html / javascript, поскольку уверен в изображении, но для целой страницы?. Если сайт был создан на flash… но если не говорить об этом, я думаю, вам следует извиниться. Почему ваш сайт такой большой в любом случае? Это намного превышает разрешение пользователей avg и нарушает около 15 правил удобства использования.