WebSite X5Help Center

 
Hakan S.
Hakan S.
User

360 degree panorama picture  en

Author: Hakan S.
Visited 3111, Followers 1, Shared 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
5 ANSWERS
Incomedia
Claudio D.
Incomedia

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!

Read more
Posted on the from Claudio D.
Hakan S.
Hakan S.
User
Author

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

Read more
Posted on the from Hakan S.
Incomedia
Claudio D.
Incomedia

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!

Read more
Posted on the from Claudio D.
Alper G.
Alper G.
User

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.

Read more
Posted on the from Alper G.