360 degree panorama picture 
Autor: Hakan S.
Visited 3594,
Followers 1,
Udostępniony 0
Hello everyone.
I wanto show the 360 degree pictures (panoramic picture).
Anybody know any plugin or mehtod to show these pictures in v.12?
Posted on the
Hello Hakan,
At the moment it is not possible to have this feature in WebSite X5. I would like to suggest that you open an "Idea" Post where you describe to us the feature you would like to see implemented in the future releases of WebSite X5.
If you find a custom code to get this feature, this code can be added in WebSite X5 with the HTML code object in step 3. In this way, if you find scripts that suit your needs, you can easily use them inside the Software. Also if I cannot give support to third party custom code, I can explain you how to add it in WebSite X5.
Many thanks!
Autor
Hi
Thanks for answer.
I have no any coding knowledge and I found some examples, it describe to some java scrits and server based programs i think.
Example 1:
https://threejs.org/examples/#canvas_geometry_panorama
Click the right corner (view source) and see the coding
Example 2:
https://pannellum.org/documentation/examples/simple-example/
This site gives lots of coding sample and things, but i dont know how to use...
https://pannellum.org/download/ --> coding examples and free script
Another site for the coding.
https://github.com/mrdoob/three.js/blob/master/examples/webgl_panorama_cube.html
And this is a sample pictures, taken by me with free copyright:
https://drive.google.com/file/d/0B5zlt3jHMdZoWjZXMTJPMFBNbm8/view?usp=sharing
Autor
And some examples:
https://threejs.org/examples/?q=panorama#webgl_panorama_equirectangular
https://threejs.org/examples/?q=panorama#webgl_panorama_cube
https://threejs.org/examples/?q=panorama#css3d_panorama
-All of them give the code in right corner (view source) button
AND VIDEO for 360 degree
https://threejs.org/examples/?q=panorama#webgl_video_panorama_equirectangular
Hello Hakan,
From example 2:
https://pannellum.org/documentation/examples/simple-example/
you add following code in the html code object where you replace the image file name with the name of your foto:
<divid="panorama"></div><script>pannellum.viewer('panorama',{"type":"equirectangular","panorama":"https://pannellum.org/images/alma.jpg"});</script>
you can also add the file in the expert tab in the html code object and then the location of the file is under /files/
Then you go in step 2 of the page and there you open the properties and you to the the export tab and in the section "before closing the HEAD tag" you add following code:
<linkrel="stylesheet"href="https://cdn.pannellum.org/2.2/pannellum.css"/><script type="text/javascript"src="https://cdn.pannellum.org/2.2/pannellum.js"></script><style>#panorama{width:600px;height:400px;}</style>
Many thanks!
website x5 v12 üzerinde bağlantılı yapmış olduğum 360 derece panoromik resim : örnek site www.isitmeninsaat.com.tr
ihtiyacızınız olduğunda makul fiyata ücretli olarak yapmaktayım bilginize.