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>
<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>
<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>
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>