Skip to main content

Intégrer une photosphère

Pour intégrer facilement une photo 360 sur un site web, il existe plusieurs lecteurs en ligne et hors ligne.

Ici j'utilise la solution iframe de pannellum.

 

Commencer par télécharger l'archive de la dernière version puis copier le fichier pannellum.htm (68Ko comporte le javascript et le style css) dans un dossier sur votre serveur.

À l'emplacement désiré, entrer le code suivant

<iframe src="/url-du-fichier/pannellum.htm#panorama=url-de-votre-image.jpg&amp;autoLoad=true&amp;autoRotate=-2&amp;title=Observatoire ornithologique&amp;author=Eric Ragusa" allowfullscreen="allowfullscreen" style="border-style: none;" width="100%" height="480"></iframe>

Les options possibles sont expliquées sur la page d'examples

 

 

Pannellum

  • Vues : 11053