Search code examples
html360-degrees

VR 360 images on my site


im working on a new project and im trying to get the 360 image i took with my 360 camera to display in my site so far i have:

<iframe width="100%" height="700px" allowfullscreen frameborder="0" src="index.html?image=IMG_0222.jpg&is_stereo=false"></iframe>

but i keep getting an error message saying:

The requested URL /test/index.html was not found on this server.

the file were im trying to is call test.html, on that folder i only have the IMG_0222.jpg and the test.html files....

i believe my problem is not having that index.html, if that is the answer what should that index.html file have on it?

Thanks for the help!!!


Solution

  • After looking everywhere for the answer i found this blog

    http://blog.mastermaps.com/2014/01/photo-spheres-with-threejs.html

    it gave me the right answers to wrap my 360 image in a sphere so it could be display as a 360 image using Threejs once i did that i was able to load the image with full 360 rotation action into the index.html file and finally displaying in my test.html