2012-09-20 35 views
5

Tengo que desarrollar una aplicación de visor de imágenes. La aplicación diseñada debe tener las siguientes característicasVisor de imágenes en html5

  1. funcionalidad de zoom
  2. Alejar funcionalidad
  3. funcionalidad de aumento
  4. funcionalidad Pan
  5. funcionalidad perspectiva general de imagen

tengo que desarrollar el aplicación en la aplicación Asp.net. Tengo las siguientes preguntas

  1. ¿Cuál será el mejor método para desarrollar este tipo de aplicación, es decir si se implementa con Asp.net controla o HTML estándar controla
  2. ¿Alguno alcance de HTML5 en el desarrollo de esta aplicación?
  3. ¿Puedo obtener cualquier proyecto de código abierto personalizable escrito en javascript o jQuery?
+0

¿Usted está buscando algo como esto: http://vectorflower.com/preview/smooth_zoom/full_screen.html –

+0

Yea. Está bien. Pero tiene licencia. ¿Puedo obtener alguna guía para construir una aplicación como esta? – KiranPalode

+0

Ver mi respuesta para más información –

Respuesta

3

Mis respuestas a sus preguntas:

  1. me gustaría utilizar HTML, ya que no es necesario nada desde el servidor.
  2. Puede, puede buscar información en google.
  3. Mira la información a continuación.

me gustaría probar los siguientes pasos:

  1. buscar ejemplos de las características requeridas.
  2. Elimine estos ejemplos y vuélvalos a armar de acuerdo con sus requisitos.
  3. Crea un soporte para la imagen. Puede cargar la imagen desde el servidor con jQuery y AJAX
  4. Implementar controles para acercar, panoramizar. Utilice la implementación que creó en el paso 2

Hay mucha información que se encuentra en Internet.Algunos ejemplos son:

zoom

http://www.tripwiremagazine.com/2012/07/jquery-image-zoom.html

Toma panorámica

http://manos.malihu.gr/jquery-image-panning

general

http://www.designzzz.com/jquery-slide-show-image-gallery-tutorials-downloads/

Tutorial para Pan y zoom con HTML5 lienzo

http://my.safaribooksonline.com/book/web-development/html/9781449308032/images-on-the-canvas/zooming_and_panning_an_image

0

Para mí,

  1. me gustaría utilizar HTML,
  2. uso de HTML5 y CSS3 si se puede,
  3. Sí, hay un montón. Simplemente escriba lo que necesita. Parece que lo que estás construyendo es un deslizador/galería de imágenes. Muchos de esos en la web. Solo búscalo.

Si tiene que construirlo desde el principio, lo que podría hacer es investigar, estas propiedades de CSS. escala, zoom y transiciones.

Ahí va, espero que lo haya apuntado en la dirección correcta.

Cuestiones relacionadas