Panorama viewer(Test)

Pannellum

Web用Panorama Viewer Pannellumを使ってみた

Pannellumの公式サイトにアクセスし、「Download」ページにある「Download Pannellum(バージョンナンバー)」をクリックしてzipファイルをダウンロードする。

zipファイルがダウンロードできたら解凍し、フォルダごとFTPソフトで任意の場所にアップロードする(WordPressのテーマと同じディレクトリにアップロードした)。



A Sinmple Exampleにいくつかのやり方がでている

私は下のやり方で

<iframe>

<iframe width="600" height="400" allowfullscreen style="border-style:none;" src="https://cdn.pannellum.org/2.5/pannellum.htm#panorama=https://pannellum.org/images/alma.jpg"></iframe>
ページに埋め込むiframeタグの内容は以下の通り。

  • src=””内のpannellm.htmの部分を先程アップロードしたファイルのURLに書き換える
  • #panorama=の後のURLを自分のサイトにアップロードしたパノラマ画像のパスに書き換える。
いろんなオプションもあるがとりあえず下のページができた

釜山・影島

上にスクロール