Incrustar Panoramica 360 html5 en pagina web
Autor: Bruno Federico C.
Visitado 5859,
Followers 2,
Compartido 0
Hola, tengo un archivo en html, en .exe y en distintos formatos para publicar y/o iincrustar en mi pagina web, el problema es que no se como podria hacerlo. necesito saber como incrustar las fotografias panoramicas 360°.
les paso un ejemplo en el cual se hace una galeria y las panoramicas se abren en una ventana emergente:
http://hotelvientonorte.com.ar/?page_id=110
Yo necesito una como esta que aparece en el siguiente enlace; de cualquier manera; la idea es incrustar una panoramica en la misma pagina para embellecerla.
otro ejemplo:
Publicado en
Buongiorno Bruno,
credo che tu debba inserire uno script manuale nel tuo sito, prova a cercare su internet guide o tutorial per inserire uno script che faccia quello.
Attendi anche maggiori informazioni da altri utenti della community che possano aiutarti meglio.
***** Google Translation:
HolaBruno,
Creo que sedebe insertar unasecuencia de comandosmanual en susitio,intente buscarenlosmanuales de interneto tutorialespara insertarun script quehace cada uno.
Esperemásinformación de otros usuariosde la comunidadque pueden ayudarlemejor.
Autor
El archivo que se creo en html5 con el panoramastudio 3 pro.
crea una carpeta con "nombre" conteniendo las imagenes y archivos, ademas crea estos otros archivos:
nombre.html
nombre.xml
nombre.pap
panostudioviewer.js
panostudioviewer.swf
panostudioviewerfirefox.js
panostudioviewerIE.js
panostudioviewerWebkit.js
en total, con la carpeta, son 9 archivos.
HE creado esto, pero solo lo inserte en el host, yo quiero poder incrustarlo enla misma pagina que tengo.
Entonces, Pregunto: ¿cómo deberia buscar en google o en internet un tutorial para insertar esto con codigo html en lapagina que he creado con website x5
Buongiorno Bruno,
prova a inserire il codice nell'oggetto HTML e includere i file necessari nell'apposita sezione "esperto".
Oltre a questo dovrai attendere maggiori informazioni da parte degli altri utenti della community.
***** Google Translation:
HolaBruno,
tratar deinsertar el códigoHTML enla materiae incluyenlosarchivosnecesarios enla sección de"experto".
Además deesto, tendráque esperarpara obtener másinformación de otros usuariosde la comunidad.
Autor
este es el ejemplo:
http://airdream.one/Panoramicas/Panoramica 360 Humahuaca.html
no tengo ningun codigo html para introducir en modo experto, no encontre nada referido a introducir esto como codigo.
Buongiorno Bruno,
automaticamente con il software non è possibile, devi inserire manualmente il codice HTML per quella galleria, prova a cercare il codice su internet o qualche tutorial.
Quando avrai il codice o lo script potrai inserirle usando per esempio l'oggetto HTML.
***** Google Translation:
HolaBruno,
automáticamente con el softwareno es posible,hay queinsertar manualmenteel códigoHTML de lagalería,intente buscar elcódigoen Interneto algúntutorial.
Cuando se tieneel códigoo scriptpuede insertarlosutilizando por ejemploel objetoHTML.
Autor
no se como buscar el codigo, podria darme una ayuda?. desconozco las palabras claves. gracias.
Buongiorno Bruno,
non conosco il servizio di questa panoramica che hai scritto, devi provare a contattare chi ha realizzato la panoramica. Io posso solo aiutarti ad aggiungere i file nell'oggetto HTML, ovvero scrivendo il codice e nel tab "esperto" includere tutti i file necessari.
Attendi altre informazioni dal altri utenti della nostra community per maggiori informazioni.
***** Google Translation:
HolaBruno,
No séel serviciodeeste panorama, seha escrito,usted debe tratar deponerse en contacto conla persona que hizola vista general.Sólo puedoayudarle a añadirel objetoarchivo HTML,o escribiendoel código enla pestaña"Expert"para incluirtodos los archivos necesarios.
Esperarotra informaciónde otrosusuarios de nuestra comunidadpara obtener más información.
Hola Bruno.
No sé si te refieres a este código:
<center><iframe src="http://dirección_donde_esta_el_archivo_html" width="100%" height="768"> </iframe></center>
Lo tienes que poner con el objeto "Código html".
Puedes manejar el "width" y el "height" para adaptarlo a la resolución, así como el "center", que está llevando el objeto al centro de la página.
Para que veas un ejemplo:
http://virtualkreative.com/games/hk/tour/
En este caso, la carpeta tour, es la que contiene todo los objeto del recorrido panorámico, para incrustarla dentro de la página, sería el código:
<center><iframe src="http://virtualkreative.com/games/hk/tour/index.html" width="100%" height="768"> </iframe></center>
En caso de que sea un objeto flash (SWF), lo tendrías que poner como objeto "Animación Flash"
En el siguiente ejemplo, el último cuadro de la derecha, es el que hace un recorrido y está en formato flash.
http://virtualkreative.es/diseno-3d.html
Si no es esto lo que buscas, por favor, especifica un poco más, que seguro que hay gente en el foro que sabrá más del tema.
Un saludo.
Autor
Gracias Juan!. la verdad que yo no se a quien consultar de los q saben aqui...
paso de nuevo el enlace en el cual lo subi, que esta como enlace en el directorio de mi pagina asi lo puedes ver, es una panoramica 360°.
http://airdream.one/Panoramicas/Panoramica 360 Humahuaca.html
lo que necesito hacer es ponerla al inicio de mi pagina, o en la entrada (basicamente lo mismo, segun el caso) y q en vez q salga como foto, pueda uno desplazarse con el mouse por ella.
asi como sale en el enlace.
esos codigos q me pasas?, tengo incluirlo en q parte del programa website x5 v12?,
segun entiendo y como dice ricardo, seria en la pestaña expert?, probare como dices y luego pondre detalles q es lo q me sale.
Hasta ahora solo he creado una carpeta en mi servidor d pagina host (web), y d ahi saco la direccion para compartirla como puse en el ejemplo.
Autor
http://airdream.one/Panoramicas/Panoramica % 20360 % 20 Humahuaca.html
fijensen porque esta es la original, solo hay q sacarle los espacios.
a ver si sale la pagina...
Hola Bruno.
He mirado el último enlace que has puesto.
Sabiendo que el mismo programa de panorámica, te genera el html, pues la carpeta la pones en tu servidor, como lo has puesto, y lo único es añadirlo ahora a la página que quieres.
Te digo:
Si lo quieres en la página de inicio:
1) Vete al Punto 2 -- Creación del mapa -- Página de inicio.
2) Añades el objeto "Código HTML"
2) Editas el código y pones:
<center><iframe src="http://airdream.one/Panoramicas/Panoramica 360 Humahuaca.html" width="100%" height="768"></iframe></center>
3) Marcas "activar altura automática" en el editor (está debajo) y aceptar.
4) Nota:ten en cuenta que el ancho está al 100%, dentro del objeto "Código HTML" que has puesto, y que la resolución de la página va por otro lado (Punto 1 -- Estilo de Plantilla -- Estructura de Plantilla Principal")
Si lo quieres poner en una página de entrada:
1) Vente al Punto 4 -- Ajustes Avanzados -- Página de Entrada
2) Marca "Mostrar la página de entrada" y en el recuadro "Mostrar la página de entrada"
En tipo, selecciona "Código HTML" y en el recudro en blanco copias el código:
<center>
<iframe src="http://airdream.one/Panoramicas/Panoramica 360 Humahuaca.html" width="100%" height="768"></iframe>
<input type="button" value="ENTRAR" onClick=" [removed].href='http://airdream.one' ">
</center>
Nota: es igual que el anterior, pero se añade un botón para acceder a la página principal.
En tamaño, pon el que quieras, haz pruebas para ver como te queda. Yo he hecho la prueba con 1066x800.
Haz pruebas y vas mirando como queda.
Un saludo y ya comentarás.
Autor
gracias, te comento q no se programar codigo html y menos de tamaños; probare y comento q tal sale.
Buenos días Bruno.
De nada, para eso está la comunidad, para ayudar. Tampoco sé programar código, pero voy buscando según lo que necesite y aprendo a configurarlos y adaptarlos a las necesidades. Verás que no es tán difícil, hasta le coges el gustillo.
Un saludo.