Drupal, Wordpress y webs: fotos esféricas 360 panorámicas

drupal fotos esfericas

Hace tiempo descubrí que con mi nexus 4 tenía la posibilidad de realizar fotos esféricas (además de panorámicas) de forma muy sencilla. Los nexus (nexus 4, nexus 5 y tablets nexus) además de algunos otros móviles son capaces de hacer fotos esféricas. Estas fotos son bastante vistosas debido a que son muy inmersivas. Son fotos que plasman todo lo que hubiera en ese momento en la escena, y cuando digo todo, digo todo! No son fotos panorámicas, tampoco son fotos 360º, son mucho más son fotos 360º en todas las direcciones, es decir fotos esféricasDecidí realizar una foto esférica de cada sitio turístico que visitara. Ahora he decidido hacer este tutorial para Drupal y WordPress para mostrar como se pueden poner las fotos esféricas en Drupal para verlas desde el navegador. Básicamente necesitamos bajarnos un js que es la librería para mostrar la fotografía esférica. Este js podéis bajarlo de la web oficial Luego podéis bajar otro js de mi web que es el que hace la llamada y carga la imagen que se le pase en una variable javascript llamada "archivo"

Cómo ver fotos esféricas 360º en Drupal y WordPress

Ni Drupal ni Wordpress disponen de forma nativa de ningún módulo para ver fotos esféricas 360º en nuestro site. Afortunadamente hay el script js que os comentaba antes nos ayudará a integrar una foto esférica 360º en nuestro site Drupal con unas pocas líneas de codigo html y javascript. Por un lado meteremos un div llamado "container", luego crearemos una variable javascript llamada "archivo" que contiene la ruta relativa de donde está nuestra foto esférica.

Código a introducir en la web para ver fotos esféricas 360º

Dadle a ver código fuente de esta web y luego buscad donde ponga "Codigo de integracion" en los comentarios. Eso es lo que tendréis que integrar en vuestra página web

Ejemplo de foto esférica en mi web con CMS Drupal

Recordad que en Drupal y Wordpress cuando introduzcais el html que he puesto arriba tendréis que hacerlo de forma que no os lo "cape", en Drupal se hace seleccionando html completo Es importante que sepáis que este tipo de fotos no las hace cualquier móvil, nosotros recomendamos el nexus 5
Votos totales: 289