360 malli sivut

Malli 1

Alla upotettu koodi jossa on iframe jossa on 360 kuva. Kuva talletettu imgur.com:iin. Kuva latautuu automaattisesti:

<iframe width="600" height="400" allowfullscreen style="border-style:none;" src="https://cdn.pannellum.org/2.3/pannellum.htm?panorama=https://i.imgur.com/SMvewP7.jpg&autoLoad=true&yaw=210&pitch=3"></iframe>


Malli 2

Muuton sama upotettu koodi, mutta ei automaattista latausta

<iframe width="600" height="400" allowfullscreen style="border-style:none;" src="https://cdn.pannellum.org/2.3/pannellum.htm?panorama=https://i.imgur.com/XTw8YOu.jpg"></iframe>


Malli 3

Sisäkuva johon on lisätty kuvaan tekstiä. Teksti lisätty kuvan käsittely ohjelmassa.

yaw=160 Mistä kohdasta kuva näytetään 0-360 astetta
pitch=-3 Mistä kohdasta pystysuunnassa kuva näytetään.

<iframe width="600" height="400" allowfullscreen style="border-style:none;" src="https://cdn.pannellum.org/2.3/pannellum.htm?panorama=https://i.imgur.com/sI2vhPw.jpg&yaw=160&pitch=-3"></iframe>


Malli 4

Sama kuin edellinen mutta
yaw=300
pitch=2

<iframe width="600" height="400" allowfullscreen style="border-style:none;" src="https://cdn.pannellum.org/2.3/pannellum.htm?panorama=https://i.imgur.com/sI2vhPw.jpg&yaw=300&pitch=2"></iframe>
