2009-12-28 7 views
11

¿Hay alguna biblioteca o componente que permita el zoom de estilo photoshop o pdf donde tengo imágenes que deseo que los usuarios puedan hacer clic para acercar y alejar y quiero apoyar ser capaz de acercar un número de veces y alejar la imagen varias veceshay una biblioteca que coloca un botón de acercamiento/alejamiento sobre una imagen y permite incremental + y -

quiero el equivalente a todos los usuarios que tienen la capacidad de hacer cosas como esta: https://addons.mozilla.org/en-US/firefox/addon/139

+0

por curiosidad, ¿por qué dejaste que aceptara automáticamente la respuesta? no solo le da la mitad de la recompensa, sino que también pierde la voz al decir qué respuesta prefiere –

+0

hmm. . No me di cuenta que dio 1/2 de la recompensa. . disculpas – leora

+0

Bueno, 1/2 de la recompensa es desafortunado, pero no es un problema real. Sin embargo, no puede cambiar una respuesta aceptada automáticamente por una recompensa mientras pueda obtener una respuesta a una pregunta normal –

Respuesta

13

Tenga una mirada en:

  • el plugin de jQuery gzoom
  • shiftzoom (ejemplo here)
  • el plugin de jQuery MapBox (funciona con Whell de desplazamiento y estoy seguro de que puede pegarse +/- botones)
  • el plugin MooZom (funciona con scroll whell y estoy seguro de que puede pegar botones +/-)
  • Anything Zoomer es también muy agradable

Entonces, hay Zoomorama que es una alternativa a Microsoft's Seadragon si no les importa usar flash.

10

Puede usar Google Maps API para hacer eso. Todo lo que necesitas hacer es generar custom map tiles. Hay un nice tutorial here.

EDIT: Acabo de encontrar otro site que utiliza la misma técnica.

También he encontrado algunas soluciones alternativas que no se basan en la API de Google Maps (primero es el mejor en mi opinión):

  1. Microsoft's Seadragon
  2. http://ditchnet.org/dhtmlgallery/slider.html
  3. http://www.oneblackbear.com/zoom/index.html
  4. http://www.rborn.info/moozoom.php

y otras preguntas sobre este tema:

  1. Image Zoom using javascript?
  2. Javascript for zooming and panning an image
  3. Javascript/jQuery image zoom plugin

EDIT: Si usted tiene realmente grandes imágenes, puede subir los archivos a GigaPan(SM) y embed ellas en tu sitio web

+0

Creo que usar la API de Google Maps para esto es una gran idea en general, pero una exageración total para la tarea en cuestión (agregar un botón + y - a una imagen). Por otro lado, al OP le puede gustar. Ya veremos. –

+0

@Pekka De hecho, puede ser una exageración, pero la API de Google Maps es confiable, bien documentada y liviana. – jbochi

+0

+1 Seadragon uno se ve genial! –

2

Eche un vistazo a GWT también ...

aquí es un ampliador hecho en GWT: http://gwtgallery.appspot.com/about_app?app_id=21025

+0

estoy confundido en este caso. ¿Tiene que usar algún servicio aparte aquí o simplemente puede obtener el código fuente e incrustarlo en su sitio web? parece que necesita pagar y registrarse para un servicio de servidor – leora

Cuestiones relacionadas