360 度ギャラリーコンポーネント

このコンポーネントは、AMP HTML 広告、動画広告、イメージ広告ではサポートされていません。

360 度ギャラリーコンポーネントを使用すると、複数の画像のセットを使ってオブジェクトの回転を表示できます。デフォルトでは、最後の画像が最初の画像にラップされるため、ユーザーはどちらの方向でもシームレスにオブジェクトを回転させることができます。

次の例では、7 つのソース画像が使用されています。

Google Web Designer には 4 つのギャラリーコンポーネントが用意されています。

360 度ギャラリーでは、1 つのオブジェクトをあらゆる角度から表示できます。前後にスワイプするとオブジェクトが回転します。360 度ギャラリーではグループ要素やナビゲーション要素は表示できません。
スワイプギャラリーは、平面的にオブジェクトを表示できるシンプルなギャラリーです。画像やグループ間を垂直方向または水平方向にスワイプできます。
カルーセルギャラリーはスワイプギャラリーに似ていますが、画像が円周上に 3D 形式で配置される点が異なります。
トランジションギャラリーでは、画像を切り替えながらさまざまなアニメーション効果を使用できます。

プロジェクトで 360 度ギャラリーを使用するには:

[コンポーネント] パネル、[ギャラリー] フォルダの順に開きます。
ステージに 360° ギャラリー コンポーネントをドラッグします。
[プロパティ] パネルの [360° ギャラリー] 欄で、コンポーネントの名前を設定します。
次のいずれかの方法でギャラリーに画像を追加します。
- [プロパティ] パネルの [360° ギャラリー] 欄で、[画像] の「ギャラリーの画像を選択」ボタンをクリックします。[画像を選択] ボタンをクリックして画像ファイルを参照するか、ダイアログボックスにファイルを直接ドラッグします。
- [プロパティ] ペインの [360° ギャラリー] 欄で、画像の URL をカンマで区切って [画像] に追加します。
（省略可）他のプロパティを調整します（下記をご覧ください）。

プロパティ	説明
名前	コンポーネントの名前。
画像	ギャラリーに表示する画像の URL をカンマで区切って指定します。動的データにバインドできます。
自動再生	オンにすると、ギャラリーに各画像が順番に自動的に表示されます。
ラップ	オンにすると、ギャラリーがいずれかの端（最初の画像または最後の画像）からラップされます。

以下の 360° ギャラリーコンポーネントのイベントに基づいてその他の操作をトリガーできます。

イベント	説明
最初の操作	ユーザーがギャラリーを最初に操作したときに送信されます。
すべてのフレームを表示	ギャラリーのすべてのフレームが少なくとも一度表示されると送信されます。
画像読み込み完了	ギャラリーのすべてのフレームが読み込まれると送信されます。
フレームの表示	新しいフレームの表示が完了するたびに送信されます。
フレーム有効化	フレームの変更が開始されると送信されます。
フレームのタップ	フレームがクリックされると送信されます。

[イベント] ダイアログでこれらのイベントのいずれかを選択するには、360° ギャラリーコンポーネントをターゲットとして設定します。

360° ギャラリーコンポーネントの以下の操作は、他のイベントをもとにトリガーできます。

操作	設定項目
フレーム	フレーム番号アニメーション - [none] または [slide] 回転方向 - [forwards] または [backwards]
1 回転	所要時間 - 所要時間（ミリ秒単位）回転方向 - [forwards] または [backwards]
進む	なし
戻る	なし

[イベント] ダイアログでこれらの操作のいずれかを選択するには、360° ギャラリーコンポーネントをレシーバーとして設定します。

イベントを設定する方法をご確認ください。

ステージでは、360° ギャラリーに開始フレームが表示され、コンポーネントの表示の状態をおおまかに確認できます。完全にレンダリングされたコンポーネントの動作を確認するには、右上隅の [プレビュー] ボタンをクリックして、お使いのブラウザでドキュメントをプレビューしてください。

改善できる点がありましたらお聞かせください。