SmaPanoでは360度パノラマ画像上に「Webボックス」を埋め込み、ボックス内をHTMLで作成・編集することができます。

▼Webボックスを埋め込み機能で作成してみよう！

 

1.アップロードしたパノラマ画像のサムネイルより、「埋め込み」ボタンをクリックします。
「編集」ボタンをクリック→「埋め込み」ボタンをクリックでも同じ埋め込み設定ページに入ることができます。

2.「＋新規作成」ボタンをクリックして作成を始めます。

3.レイヤー選択で、ここでは「パノラマ内」を選択します。
「パノラマ上」を選択すると、同じグループ内のすべての360度パノラマ画像に反映されますので、用途に合った方を選びましょう。

4. – テンプレートアイコン – より、イメージに合ったアイコンを選択します。アイコンサイズを変更したい場合は、数値を入力するとサイズを変更することができます。

5.ページ上部の360度パノラマ画像上に表示されたアイコンを、配置したいところへドラッグして設置します。

6.埋め込み設定で「Webボックス」にチェックを入れ、HTMLファイル編集で、Webボックス内を作成します。

▼HTMLソースへ切り替えも可能です。

7.表示pxサイズを選択します。数値を直接入力することもできます。

8.作成した360度パノラマ画像上で、アイコンにカーソルを合わせると表示される「アイコン名」をつけることもできます。任意なので空欄でも設定可能です。

9.「表示する」にチェックを入れます。

10.「保存」ボタンをクリックして設置完了です。

▼プレビューで確認しましょう。

360度パノラマ画像上をクリックすると、Webボックスは閉じます。

既存のWebページなども埋め込み機能で表示させることができますので、ぜひ設定してみてください！