j-v
Becerro
- Desde
- 12 Oct 2007
- Mensajes
- 15
- Tema Autor
- #1
Visualizador de panoramicas 360 grados Ajax (visita virtual)
De nuevo posteando aca en ba-k con un nuevo script esta vez es ajax. es un visualizador de panoramicas.
aqui una captura
Es como una visita virtual sin ningun componente en flash, la panoramica se puede crear con el gimp usando un script llamado pandora
Su funcionamiento es muy simple, capturamos con el evento onmusemove la posicion del puntero y con respecto al centro de la div que sirve como pantalla sacamos la diferencia y esa diferencia sera la suma de pixeles por segundo que le agregaremos a la rotacion de la imagen.
La imagen en realidad es un background que le ponemos a la div pantalla y como escribi antes se le suma la diferencia de pixeles con respecto al centro de esta div que nos devuelve el maouse
.
la lista de reproduccion la cargamos desde un xml :
Este xml puede ser generado desde un archivo php haciendo mas dinamica la carga de imagenes n_n .
El ejemplo esta aqui:http://jv.orgfree.com/proyectos/panoramicas/index.php
el articulo lo publique en mi blog: http://jv.orgfree.com/articulos/ajax/3_Visualizador-de-panoramicas-360-grados.html
si les agrado visiten el blog y comenten mi amigo booffy y yo estaremos posteando cosas como esta.
se aceptan sugerencias
saludos a todos y Bytes.:metal:
De nuevo posteando aca en ba-k con un nuevo script esta vez es ajax. es un visualizador de panoramicas.
aqui una captura
Es como una visita virtual sin ningun componente en flash, la panoramica se puede crear con el gimp usando un script llamado pandora
Su funcionamiento es muy simple, capturamos con el evento onmusemove la posicion del puntero y con respecto al centro de la div que sirve como pantalla sacamos la diferencia y esa diferencia sera la suma de pixeles por segundo que le agregaremos a la rotacion de la imagen.
La imagen en realidad es un background que le ponemos a la div pantalla y como escribi antes se le suma la diferencia de pixeles con respecto al centro de esta div que nos devuelve el maouse
.
Código:
obj.style.BackgroundPosition+=diferencia+"px 1px";
Código:
<playlist>
<titulo>Titulo de nuesta lista de reproduccion</titulo>
<panoramica>
<titulo>titulo de la imagen</titulo>
<descripcion>Esta descripcion aparecera a pie de pagina</descripcion>
<url>url_de_la_imagen.jpg</url>
</panoramica>
</playlist>El ejemplo esta aqui:http://jv.orgfree.com/proyectos/panoramicas/index.php
el articulo lo publique en mi blog: http://jv.orgfree.com/articulos/ajax/3_Visualizador-de-panoramicas-360-grados.html
si les agrado visiten el blog y comenten mi amigo booffy y yo estaremos posteando cosas como esta.
se aceptan sugerencias
saludos a todos y Bytes.:metal:
