Javascript для масштабирования и панорамирования изображения

Question

У меня есть требование в проекте, над которым я работаю, для JavaScript, который позволит пользователю перемещаться и увеличивать и уменьшать масштаб большого изображения.

К сожалению, мой опыт работы с JavaScript ограничен.

Кто-нибудь знает бесплатный сценарий, который бы удовлетворял моим требованиям?

Answer 1

На мой взгляд, есть плагин jquery ZoomImage, который будет неплохо использовать в этом случае. Примеры кода: здесь или здесь .

Одна из них также использует панель инструментов масштабирования рядом с изображением

Answer 2

Я не знаю, сможете ли вы использовать какие-либо библиотеки, такие как jQuery или Prototype / Scriptaculous, которые могут увеличить ваши доступные параметры.

Тем не менее, этот образец от Тодда Дитчендорфа действительно классный и не имеет внешних зависимостей:

http://ditchnet.org/dhtmlgallery/izoom/

Answer 3

Проверьте SeaDragon AJAX здесь:

http://livelabs.com/seadragon-ajax/

Это та же технология «глубокого увеличения», которая используется в PhotoSynth, но она полностью реализована в Javascript. Есть встроенный элемент управления для просмотра, который вы можете встроить в свои страницы, и есть инструмент для создания многоуровневых изображений, так что вам не нужно быть Javascript-кодером ниндзя, чтобы начать. Это 100% HTML и JS.

Использование средства просмотра Silverlight обеспечит более плавное масштабирование, но если ваш клиент использует плагины, то решение AJAX, вероятно, является подходящим вариантом.

Надеюсь, это поможет.

Answer 4

Посмотрите на примеры Shadowbox .