Задача: предоставить пользователям серию изображений на корпоративном веб-сайте для просмотра.
Я взломал несколько javascript, чтобы показать список изображений с миниатюрами, и каждое изображение кликабельно и переводит вас к большому изображению, но затем вы должны нанести ответный удар, чтобы перейти к следующему изображению, и меня просят обеспечить некоторые следующие / предыдущие функции. У меня есть навыки, чтобы придумать что-то лучше, но это займет время.
Я надеюсь, что у кого-то есть рекомендации для быстрого и простого способа сделать это: возможно, библиотека или метод. Текущий сайт - это классика ASP, но это абсолютно не обязательно: это может быть ASP.Net или php, если мне все равно!
Текущий сайт выглядит примерно так:
Current Scope
- Image 1 Title [thumbnail] (link)
- Image 2 Title [thumbnail] (link)
- Image 3 Title [thumbnail] (link)
Alternate Scope 1 (link)
Alternate Scope 2 (link)
Alternate Scope 3 (link)
Нажатие на одну из ссылок альтернативной области сворачивает старую текущую область и ищет и отображает доступные для нее изображения, делая ее новой текущей областью.,
Я думаю о наличии полосы сверху / слева / снизу с миниатюрами всех текущих изображений, которые находятся в области видимости. При нажатии на каждый из них он должен отображаться на остальной части страницы, а затем либо иметь возможность щелкнуть Предыдущий / Следующий или щелкнуть следующее требуемое изображение.
Наконец, чтобы уменьшить время загрузки страницы, я собираюсь сделать загрузку асинхронной, выполняя все изменения, и предварительно загружу большие размеры всех изображений (но остановлюсь, когда щелкнет другая область) ...
Наконец, хотя это и не является обязательным требованием, поскольку некоторые изображения очень большие, было бы неплохо иметь инструменты панорамирования и масштабирования, а не просто отображать изображение в полном размере или изменять его размер по размеру экрана (который может быть только 1024x768).
Есть мысли?
Я не прошу, чтобы кто-нибудь создал это для меня, просто надеюсь, что кто-то знает о библиотеке или HTML-демонстрационной странице или серии фрагментов javascript, которые могут иметь некоторые функции, которые я ищу. Этот пример javascript pan & zoom может стать хорошим началом ...