viernes, 23 de abril de 2010

hi

miércoles, 4 de noviembre de 2009

Visor de Imágenes panorámicas

Crear un visor de imágenes panorámicas con JQuery

Como les prometí continué mi busqueda de distintas opciones para colocar imágenes o fotografías panorámicas en una web...
Fue entonces que encontré una buena opción usando JQuery (Ver Ejemplo) , aquí les dejo los pasos:

1. Descargar el archico jquery.panorama.zip y descomprimirlo. En él se ecuentran todos los archivos para lograr el efecto; esta carpeta deberá estar en tu sitio web contiene estilos css, scripts y una carpeta para las imágenes, en ella deberás colocar tú imagen panorámica.
Descargar aquí
2.Coloca en el head de tu página el siguiente código.

<link rel="stylesheet" type="text/css" href="css/jquery.panorama.css" />

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.panorama.js"></script>

3.Este otro código colócalo en el cuerpo de tu web (body) donde deberá aparecer el visor.

<img src="img/atelier.jpg" class="panorama" width="2642" height="375" />

Modifica donde dice img/atelier.jpg, por el nombre de tu archivo de imagen colocado en al carpeta img
Pruébalo se ve muy bien...
Si te queda una duda no dudes en dejarme un comentario...

Si te interesa el tema tienes más información y opciones en la siguiente web (muy recomendable)
Panorámicas 360º, 8 formas de incrustarlas

Binvenidos al Blog






Los hermanos carlos nos propones el desafio de colaborar en uno de los deleites más grandes de los hombre el recordar, la nostalgia por las cosas que pasaron y llegamos añorar