ユニゼロワン機能DEMOサイト
この機能の説明
- 表示されるボタンの多くはサンプルDEMOにつき機能しません。
- ほとんどの機能は、カスタマイズが可能で、複数の機能を組み合わせることもできます。
- 完全にオーダーメイドでの機能作成も承っております。（グループサイト STUDIO ユニゼロワンをご参照ください）
- ほとんどの機能がフルレスポンシブ機能（スマートフォンやタブレットでの最適化表示）に対応しており、大幅に調整又は別レイアウトでの制作にも対応しています。
- フルレスポンシブ機能を確認するには、「デバイスプレビューを見る」ボタンからお進みください。
- 異なるプログラミング手法による同じ機能も他の機能DEMOグループサイトでご紹介しております。
画像の上に“ポイント（マーカー）”を配置し、クリックまたはホバーで説明やツールチップを表示できる機能です。
機能応用例
🔥 Hot Spot とは？
画像の特定部分に ピン（ドット） を置き、 ユーザーがそのピンに触れると ポップアップ説明 が表示される仕組みです。
- 商品画像の細部説明
- 地図のポイント表示
- 図解の補足説明
- インフォグラフィックの強調
など、視覚的に情報を伝えたいときに最適です。
✨ 主な特徴
- 複数のホットスポットを自由に配置 位置はドラッグで直感的に調整可能。
- ホバー or クリックで説明表示 ツールチップ形式でテキストやアイコンを表示。
- アイコンや番号をカスタマイズ ピンのデザインを自由に変更できる。
- アニメーション対応 ピンが跳ねる・光るなどの動きを追加可能。
- レスポンシブ調整が簡単 スマホでも位置が崩れにくい。
